Jump to content

Archived

This topic is now archived and is closed to further replies.

Keith Vaugh

icon opacity - header

Recommended Posts

Keith Vaugh+    14
Keith Vaugh

Hi All

 

Starting a new site build but need to sort out an opacity problem that I am experiencing. Am using qtranslate and have the flags postioned in the header. The problem is that opacity of them. I have add the necessary to the functions.php (using pagelines-customise plugin) and here is the CSS I have added:

#qtranslate-chooser {
   position:relative;
   bottom:-14px;
   right:-4.5px;
   list-style:none;
}
#qtranslate-chooser li {
   float:right;
   margin-right:0.975px;
   opacity:0.75;
}
#qtranslate-chooser li:hover {
   opacity:1;
}

#qtranslate-chooser li.active {
   opacity: 1; 
}

The URL that the site is located at is http://www.etterhorses.com/etter2014

 

Would appreciate a wee digg out of this one. 

Share this post


Link to post
Share on other sites
batman    389
batman

Hi

If I understand you, please try to add "!important"

 

for example

 

#qtranslate-chooser li {
float:right;
margin-right:0.975px;
opacity:0.75 !important;
}


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Keith Vaugh+    14
Keith Vaugh

Afraid that didn't do the trick either. For some reason it is getting 0.5 transparency from somewhere. 

Share this post


Link to post
Share on other sites
batman    389
batman

Hi again

 

Yes, I see this 

Please you can try with

 

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

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Keith Vaugh+    14
Keith Vaugh

That's much better. Thank you for the assistance. 

Share this post


Link to post
Share on other sites
batman    389
batman

No problem, I´m happy to help you.

  • Like 1

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Thanks for informing us the issue has been resolved.

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×