Change opacity for only one widget

Homepage Community Forums Aspire Theme Support Change opacity for only one widget

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #20167
    patrick
    Customer

      Hi Wes.

      How can I change the opacity for only one widget on the Front Page?

      For example, I’ve installed a slider in the Front Page 10 widget found here… http://www.spinecentral.co.uk/

      However, the images within the slider appear dark.

      When I edited the CSS, it removed the opacity for all images on the Front Page.

      How can I customize this within the CSS for just the Front Page 10 widget so that the opacity is removed for just that one widget?

      Your help is greatly appreciated!

      Patrick

      #20191
      Wes
      Moderator

        I spent almost 20 minutes trying to figure out where this dark background color/image was coming from, and right when I was about to give up I found it. It looks like you added the background color in your CSS on line 2315 –

        .home .soliloquy-container .soliloquy-item:before {
        	content: "";
        	display: block;
        	position: absolute;
        	top: 0;
        	right: 0;
        	bottom: 0;
        	left: 0;
        	pointer-events: none;
        	background: rgba(0, 0, 0, 0.5);
        	z-index: 1;
        }

        Once you remove – background: rgba(0, 0, 0, 0.5); then it should fix it.

        BTW, did you mean to post this in the Aspire Forum? It’s currently tagged and posted in the Epik Forum. I can move it over to the Aspire section if needed.

        #20197
        patrick
        Customer

          Fantastic detective work, Wes! Thank you for going the extra mile. This solved my issue.

          Have a Merry Christmas!

          Patrick

          P.S. Oops! Yes, I meant this to go in the Aspire Forum. Sorry for the confusion. Please move to that forum. Thanks again!

          #20201
          Wes
          Moderator

            No problem! Glad everything is working!

            Let us know if you run into any other issues.

          Viewing 4 posts - 1 through 4 (of 4 total)
          • The topic ‘Change opacity for only one widget’ is closed to new replies.