Hi!

Please try adding following code to Quick CSS as well.

@media only screen and (max-width: 480px) {
.avia-caption { bottom: -5px; }
.avia-slideshow .avia-caption .avia-caption-title { font-size: 17px; }
.avia-caption .avia-caption-content p { font-size: 13px; }}

Cheers!
Yigit

Hi Khalid!

Please add following code to Quick CSS in Enfold theme options under Styling tab
1)

.avia-layerslider { margin-bottom: 30px; }

2)

.avia_ajax_form .button { padding: 8px 25px; font-size: 14px; }
.main_color input[type="submit"], div .main_color .button { background-color: red; color: blue; }
.main_color input[type="submit"]:hover , div .main_color .button:hover { background-color: yellow;
color: blue;
border-color: red; }

3)

.home .avia-slideshow-arrows a, .home .avia-slideshow-dots { display: none; }

Best regards,
Yigit

Hi crevlon!

You can use the following:

— The edges of both boxes (inside and outside) should be slightly rounded:

av_promobox {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

— The font (such as the theme font) and font size:

.avia-promocontent p {
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}

— The distance between Promobox and text:

.av_promobox {
padding: 20px 30px;
margin: 70px 0;
}

Best regards,
Ismael

Hi!

You are welcome! Let us know if you have any other questions or issues

Regards,
Yigit

Hi dawsmik!

Please add following code to Quick CSS in Enfold theme options under Styling tab
1)

.fixed_header #main {
padding-top: 61px;
}

2) Not sure if i understood this one clearly. Can you elaborate?
3) You can either choose one of headings or add following code on Text tab

<p style="font-size: 44px;">your text here</p>

http://i.imgur.com/rBqGyWs.jpg
4)

.main_color .avia-icon-list .iconlist_icon {
background-color: #6a2f79;
}

Cheers!
Yigit

Hey!

You can add following code to Quick CSS in Enfold theme options under Styling tab to adjust the font size of the button

.avia-button.avia-size-small {
font-size: 17px!important;
}

17px looks fine to me but you may want to adjust it

Best regards,
Yigit

Hey!

Please add following code to Quick CSS as well

@media only screen and (max-width: 767px) {
.phone2 { font-size: 16px; } }
@media only screen and (max-width: 480px) {
.responsive .logo { float: left; } }

Best regards,
Yigit

Hey lsmith7806!

Please add following code to Quick CSS in Enfold theme options under Styling tab

#top #header .mega_menu_title a {
font-size: 13px; }

Cheers!
Yigit

Hi!

You can edit header.php or /includes/helper-main-menu.php if you have 2.6+, find this code:

echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');

Below, add this code:

echo "<div class='site-description'>".get_bloginfo ( 'description' )."</div>";

Edit Enfold > Styling > Quick CSS, add this code:

.site-description {
bottom: -30px;
position: absolute;
font-size: 11px;
}

Best regards,
Ismael

Hi AndrewDelaware!

1.) You can use this on Quick CSS:

.testimonial_body {
font-size: 13px;
font-family: 'Open Sans', sans-serif;
}

2.) Use this for the cite tag:

blockquote cite {
font-size: 13px;
color: orange;
}

3.) Remove the border using this:

.main_color blockquote, .main_color .avia-bullet {
border: none;
}

Regards,
Ismael

Hey osukaru!

You can increase font size by adding following code to Quick CSS in Enfold theme options under Styling tab

.grid-entry-title {
font-size: 20px; }

It looks cropped when it is less 18px.

Cheers!
Yigit