How to change color of enfold tabs and alternate header text

Hello!

Please add this code instead of previous one

.sub_menu>ul>li>a { color: red!important; }
.sub_menu>ul>li>a:hover { color: purple!important; }

Best regards,
Yigit

Hello!

And you can add following code for Social icons

#top .social_bookmarks li a { color: red!important; }
#top .social_bookmarks li a:hover { color: purple!important; }

Cheers!
Yigit

Hi!

If you want to change the style of a specific page or post, you can use the Google Chrome Inspect Element. Look for the unique css body class.

On the example above, the page’s unique selector is .page-id-2251 but in your case the page id is .page-id-544. We can use it to change the element within that page.

.page-id-544 .main_color .toggler, .main_color .toggle_content {
background: blue;
color: white;
}

.page-id-544 .main_color .toggler:hover {
background: red;
color: white;
}

Best regards,
Ismael

Hi!

You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

Edit any avia elements like Text Block or Toggle then scroll below. Add a unique css selector on “Custom Css Class” field.

Can you please post a screenshot of what you’re trying to do?

Regards,
Ismael