Jump to content


Photo
* * * * * 1 votes

A Bit Of A Trifle: Branding Icons And The Half Opacity Problem


Best Answer batman , 20 December 2012 - 07:34 PM

Hi thomstark

In my web I try with

 

 
.section-branding .icons a {opacity: 1 !important;}

 

This work fine to me.
 
 
Go to the full post


  • Please log in to reply
2 replies to this topic

#1 thomstark

thomstark

    Super Member

  • Members

  • 147 posts
  • Framework Version:Pagelines 2.37
  • Country: Country Flag

Posted 20 December 2012 - 07:07 PM

Hi again. I have my link to my modal login hooked to the branding section and then repositioned to look like it's a part of the nav (www.bringtheharvest.com). But because I used the branding icons hook, my login link registers as one a them social medier icons. They start out at .5 opacity; on hover they go to full, and then after hover they go back to .5. I want my link to be at full opacity at all times. I took care of the before hover state. It's good. But after I hover and move the mouse away, it goes to a .5 opacity state, and I can't figure out how to make that go away. Like I said, a trifle, but it should be an easy fix. 

 

I tried this: #branding .icons a:hover:after {opacity: 1;} 

 

which is how I changed the opacity of ".icons a" successfully. 

 

but #branding .icons a:hover:after {opacity: 1;}  doesn't work. 

 

Ideas?



#2 batman

batman

    Bat Learning

  • Members

  • 1768 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 20 December 2012 - 07:34 PM   Best Answer

Hi thomstark

In my web I try with

 

Please Login or Register to see this Hidden Content

 

This work fine to me.
 
 

  • thomstark likes this

#3 thomstark

thomstark

    Super Member

  • Members

  • 147 posts
  • Framework Version:Pagelines 2.37
  • Country: Country Flag

Posted 20 December 2012 - 07:54 PM

That did it. Thanks!