Hey,

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

.woocommerce-page .button {

min-width: 105px;

padding: 15px;

font-size: 12px;

width: auto;

font-weight: bold;

color: black !important;

}

Regards,

Ismael

Hey,

You can add a unique selector to the h1 tag. Something like this:

<h1 class="awesome" style="text-align: center;">MY TEXT HERE</h1>

You can then style it on your custom.css or Quick CSS:

h1.awesome {

font-size: 20px !important;

color: #ffffff !important;

}

Regards,

Ismael

Hey,

This will make it look exactly like the login button. Just change the color value:

.bbp-register-link {

border-radius: 2px;

background-color: #c3512f;

color: #ffffff !important;

border-color: #c3512f;

cursor: pointer;

display: block;

height: 34px;

width: 68px;

font-size: 13px !important;

padding: 10px 10px 10px 10px !important;

margin-top: 2px;

-ms-transition: all 0.3s ease-out;

-moz-transition: all 0.3s ease-out;

-webkit-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

text-decoration: none !important;

}



.bbp-register-link:hover {

background-color: #88bbc8;

color: #ffffff;

border-color: #88bbc8;

}

Regards,

Ismael

Hi,

Add this on your custom.css or Quick CSS:

This is for http://drjenna.net/:

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

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

padding: 0 8px;

font-size: 11px;

}



.menu-main-menu-container {

margin-right: -40px;

}

}

The menus http://horsestreat.com/ looks ok.

http://responsinator.com/?url=http%3A%2F%2Fhorsestreat.com%2F

Regards,

Ismael

Hey,

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 6px;

font-size: 10px;

}



.main_menu {

margin-right: -50px;

}



.logo img {

width: 140px;

}

}

Regards,

Ismael

Hi,

1.) Add this on your custom.css or Quick CSS, adjust the height according to the height of the header when you it shrinks.

.header-scrolled #header_main .container {

height: 58px !important;

line-height: 58px !important;

}

2.) This the code that controls the arrow:

#top .avia-slideshow-arrows a {

font-family: 'entypo-fontello';

display: block;

text-decoration: none;

color: #fff;

visibility: visible;

position: absolute;

width: 60px;

text-align: center;

height: 60px;

line-height: 62px;

font-size: 25px;

top: 50%;

margin: -30px 15px 0;

z-index: 99;

overflow: hidden;

text-indent: -600%;

}

Regards,

Ismael

Hi,

1.) I think you managed to remove the search button.

2.) Remove the custom.css that you added:

.main_color a {

color: #f05a1a !important;

}

Use this instead:

.main_color .post-title a {

color: red !important;

}

3.) Use this:

body {

font-size: 14px;

}

4.) Edit header.php, find this code:

<div id='header_main' class='container_wrap container_wrap_logo'>

Add the google search code below.

Regards,

Ismael

Hey,

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

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

display: block;

text-decoration: none;

padding: 0 13px;

font-weight: normal;

font-weight: 600;

font-size: 15px;

}

You can change the color of the menu, using this:

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

color: red;

}

Hover state with this:

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

color: blue;

}

Can you please specify which headings?

You can change the overall font on Enfold > Styling > Defines the Font for your body text.

Regards,

Ismael

Hey,

Sorry my bad. It is not working when using the Promo Box. Please use the actual html generated by each shortcode. This is the code generated by a button shortcode for example:

<div class="avia-button-wrap avia-button-center avia-builder-el-1 avia-builder-el-no-sibling "><a href="" class="avia-button avia-icon_select-yes avia-color-theme-color avia-size-small avia-position-center "><span class="avia_button_icon avia-font-entypo-fontello">♥</span><span class="avia_iconbox_title">Click me</span></a></div>

Regards,

Ismael

Hey,

Please switch your theme to debug mode. Edit function.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 will be able to see the actual shortcode below the builder. Shortcodes can be combine then, like this example. A combination of Promobox shortcode plus the Button shortcode:

[av_promobox button='yes' label='Click me' link='single' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' icon_select='no' icon='25']

Welcome Stranger! This is an example Text for your fantastic Promo Box! Feel Free to delete it and replace it with your own fancy Message!

[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_promobox]

Regards,

Ismael

Hi,

Did you use a Mega Menu for this item? Please check it first, disable the mega menu if you accidentally enabled it on Appearance > Menus > About.

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

#top #header .mega_menu_title a {

font-size: 11px;

line-height: 11px;

color: #808080;

}

Regards,

Ismael

Hey,

Please add this on your custom.css or Quick CSS to avoid the menu overlapping the logo:

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

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

padding: 0 8px;

font-size: 12px;

}

}

Edit js > avia.js, find this code:

switchWidth 	  = 768;



if(first_level_items > 7 && !bottom_menu)

{

switchWidth = 989;

header.addClass('mobile_menu_tablet');

}

Replace the first switchWidth value to 990.

Regards,

Ismael

Hi,

If you are talking about the main title, you can use this on your custom.css or Quick CSS:

.title_container .main-title {

margin: 0;

font-size: 30px;

position: relative;

z-index: 2;

min-height: 36px;

line-height: 2.3em;

top: 0;

font-weight: 400;

}

Table css can be found on css > base.css > #Table.

Regards,

Ismael

Hi,

Please decrease the switchWidth value. I think the css code will work:

@media only screen and (max-width: 1100px) and (min-width: 1024px) {

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

padding: 0 8px;

font-size: 12px;

}

}

Like I said, there is still no fix on instances when you rotate the iPad from landscape to portrait view without refreshing the page.

Regards,

Ismael

Hey,

You can use this:

.title_container .main-title {

margin: 0;

font-size: 40px;

position: relative;

z-index: 2;

min-height: 36px;

line-height: 2.3em;

top: 0;

font-weight: 400;

}

Regards,

Ismael