-
Posts
-
The settings in General Styling no longer affect my socket (I think this is due to some of my meddling with the footer).
Is there a way I can use Quick CSS and the !important thingy to style the socket menu so it’s more legible (#FFFFFF)?Hey sabrinarubli!
Can you post the link to your site? so we can inspect and probably give you the code that’s causing the issue. You can put the details in the “private content” section when you reply so only moderators can see.
Best regards,
NikkoHi,
Please try the following in Quick CSS under Enfold->General Styling:
.sub_menu_socket .avia-menu-text { color:#fff !important; }Best regards,
RikardThat’s great, Rikard. I suppose I can also add attributes for hover effects as well using this?
What code could I use to address the same issue with the socket social icons?
Hi,
Yes you should be able to target the hover using the code I gave you. Please try the following for the social icons:
#socket .social_bookmarks li a { color:#fff !important; }Best regards,
RikardHey!
Here is the css code for the menu links in the footer (hover):
.sub_menu_socket .menu li a:hover .avia-menu-text { color: #000 !important; }This one is for the social icons in the footer (hover):
#socket .social_bookmarks li a:hover { color: #000 !important; }Hope this helps :)
Cheers!
NikkoBrilliant. Thank you.
Last item on this ticket: The social_bookmarks fade on hover, whereas the sub_menu_socket links change color immediately. Can I achieve the same fade effect on the sub_menu_socket?
Hi!
Try to add this inside Rikard’s code:
-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;It should look like this:
#socket .social_bookmarks li a { color:#fff !important; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }Hope this helps :)
Best regards,
Nikko
- The topic ‘Socket styling’ is closed to new replies.