Hey,

You can change font size using CSS:

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

font-size: 15px;

color: red;

}

Menu color:

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

color: red;

}

Active menu color:

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

color: blue;

}

Please give a specific list of items you want to change, we’ll help you with it.

Regards,

Ismael

Hey,

Please replace this with code:

bottom_menu = $('html').is('.bottom_nav_header'),

switchWidth = 900;

with:

bottom_menu = $('html').is('.bottom_nav_header'),

switchWidth = 1024;

and this:

if(first_level_items > 8 && !bottom_menu)

{

switchWidth = 900;

header.addClass('mobile_menu_tablet');

}

with

if(first_level_items > 7 && !bottom_menu)

{

switchWidth = 1100;

header.addClass('mobile_menu_tablet');

}

Remove browser cache the reload the page.

Don’t forget to add this css code on your 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;

}

}

Regards,

Ismael

Hey,

You can add this on your custom.css or Quick CSS

.execphpwidget p, .execphpwidget strong, .execphpwidget span {

font-size: 11px !important;

}

Regards,

Ismael

Hi,

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

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

.av-special-heading h3 {

font-size: 14px;

line-height: 20px;

}



body .av-special-heading > * {

white-space: pre-wrap;

width: 600px;

}

}

Regards,

Ismael

Hi,

Edit style.css then look for .nav li a strong. Adjust the font-size.

Regards,

Ismael

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