Hi,

You can use this on your custom.css or Quick CSS:

.header_color .main_menu ul:first-child > li > a {

color: red;

}



.bottom_nav_header.social_header .main_menu ul:first-child>li a {

font-size: 15px;

}

For active state, use this:

.header_color .main_menu ul:first-child > li.active-parent-item > a {

color: blue;

}

And hover state:

.header_color .main_menu ul:first-child > li a:hover {

color: blue;

}

Regards,

Ismael

Hi,

Please add this on your custom.css or Quick CSS:

@media only screen and (max-width: 989px) and (min-width: 768px) {

.responsive .main_menu ul:first-child > li > a {

padding: 0 8px;

font-size: 12px;

}

}

This will decrease the padding and the font size on iPad.

Note: The menu overlap is still not fix on instance when you rotate the iPad from landscape to portrait view without refreshing the page.

Regards,

Ismael

Hi,

Which slider are we talking about here? Layer Slider, Easy Slider?

You can add this on your custom.css or Quick CSS to show the numbers:

.avia-slideshow-dots a {

display: inline-block;

height: 13.5px;

width: 13.5px;

border-radius: none;

background: #000;

opacity: 0.6;

filter: alpha(opacity=60);

text-indent: 0;

overflow: visible;

margin: 0 1px;

padding: 7px;

color: black!important;

font-size: 30px;

border: none !important;

background: transparent !important;

}

Regards,

Ismael

Hi,

First, upgrade your theme to 1.9.1. Then switch the Advance Layout Editor to debug mode.

Edit functions.php, find this code:

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

Below, add this code:

//set builder mode to debug

add_action('avia_builder_mode', "builder_set_debug");

function builder_set_debug()

{

return "debug";

}

You can now see the actual shortcode below the Advance Editor. You can combine shortcodes like this:

[av_tab_container position='sidebar_tab sidebar_tab_left' boxed='border_tabs' initial='1']

[av_tab title='Tab 1' icon_select='no' icon='1']

Tab Content goes here

[av_button label='Click me' link='' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='25']

[/av_tab]

[av_tab title='Tab 2' icon_select='no' icon='1']

Tab Content goes here

[av_button label='Click me' link='' link_target='' color='theme-color' custom_bg='#000000' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='25']

[/av_tab]

[/av_tab_container]

The code above is the tab shortcode with button shortcode inside the toggles.

Regards,

Ismael

Hi,

Please add this on your custom.css or Quick CSS

@media only screen and (min-width: 768px) and (max-width: 989px) {

.main_menu ul:first-child > li > a {

padding: 0 8px;

font-size: 11px;

}

}

Regards,

Ismael

Hi,

There is still no fix on instances where you rotate the iPad then don’t refresh the page.

To fix the special heading, you can use this on your custom.css or Quick CSS:

@media only screen and (max-width: 767px) {

.av-special-heading h3 {

font-size: 14px;

}

}

Regards,

Ismael

Hey,

If the code you provided works then it is ok.

Regards,

Ismael

Hi,

You can add this:

@media only screen and (max-width: 989px) and (min-width: 768px) {

.responsive .main_menu ul:first-child > li > a {

padding: 0 8px;

font-size: 12px;

}

}

Regards,

Ismael

Hi,

You can change the blog post title using this:

h2.post-title a {

font-size: 30px;

}

The main title, using this:

.main-title a {

font-size: 40px;

line-height: 60px;

}

Regards,

Ismael

Hey,

Just add this:

.entry-content li {

font-size: 14px;

}

Adjust the font size.

Regards,

Ismael

Hi,

Please try this on your custom.css or Quick CSS

.msie8 .main_menu ul:first-child > li > a {

padding: 0 8px;

font-size: 12px;

}

or

.main_menu ul:first-child > li > a {

padding: 0 8px9;

font-size: 12px9;

}

Regards,

Ismael

Hey!

add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at Enfold->Styling:

#top .main_menu .menu li ul a{

font-size:15px;

}

this will increase 2nd and 3rd menu font size as well as mega menu fonts size

Cheers!

Hey,

The css issue seems to appear between 786px to 1000px screen widths. We can use Media Queries to fix that. Add this on your custom.css or Quick CSS:

@media only screen and (min-width: 786px) and (max-width: 1000px) {

.avia-icon-list .iconlist_icon {

height: 50px;

width: 50px;

line-height: 50px;

font-size: 25px;

margin-right: 15px;

}

}

Regards,

Ismael

Hi,

You can use this:

.header_color .sub_menu>ul>li>a {

font-size: 14px;

color: red;

}

You can also change the phone number size and color with this:

.phone-info.with_nav {

font-size: 14px;

color: red;

}

Regards,

Ismael

Hi,

@elames: Thanks for the tip.

@bevlogenverf: I don’t see the breadcrumbs or page title on every page. I assume you already fixed it. If you didn’t, just add this on your custom.css or Quick CSS

.title_container {

display: none;

}

And I can see that you’re having a style issue on your menus, I think this will fix it:

.main_menu ul:first-child > li > a {

font-size: 13px;

font-weight: 500;

}

You can adjust the font size to 12.

Regards,

Ismael