Hey!

Use this for the phone info:

.phone-info span {
font-size: 20px;
}

This is for the small text inside tables:

.pricing-table li.avia-pricing-row small, .pricing-table li.avia-pricing-row .currency-symbol {
color: white;
text-shadow: none;
}

Cheers!
Ismael

Hey vanderburg!

Thank you for using Enfold.

Please use this on Quick CSS or custom.css:

span.avia_iconbox_title {
font-family: 'Oswald', sans-serif;
font-size: 15px;
}

Add this on functions.php:

function oswald_font() { ?>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<?php }

add_action('wp_head', 'oswald_font');

Cheers!
Ismael

Hi faterra!

Thank you for using Enfold.

You can change the line height and font size of the text with this:

body, body p {
line-height: 26px;
font-size: 15px;
}

Best regards,
Ismael

Hi!

Please try following code instead

.blog-meta span.iconfont:before {
display: none;
}
.blog-meta span.iconfont {
background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}

Cheers!
Yigit

Hi fskupin!

Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as neeeded

div.avia-popup .mfp-close { font-size: 50px; }

If that does not work, please post the link to your website

Cheers!
Yigit

Hey Effektid!

Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

.iconbox_content {
background-color: red!important;
border: 5px solid orange!important;
color: white;
}
h3.iconbox_content_title {
font-size: 25px!important;
}

Cheers!
Yigit

Hey!

Please add following code to Quick CSS

@media only screen and (max-width: 990px) {
.phone-info { font-size: 20px; }}
@media only scree and (max-width: 768px) and (min-width: 481px) {
#top #wrap_all #header_meta .phone-info { top: 17px; font-size: 14px; }}
@media only screen and (max-width: 480px) {
#top #wrap_all #header_meta .phone-info { top: 47px; }}

Regards,
Yigit

Hi boag!

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

.title_container .main-title { font-size: 16px!important; }

Regards,
Yigit

Hi kleinpenning!

Please see – http://kriesi.at/documentation/enfold/change-the-default-font-size/

Best regards,
Yigit

Hey Benjamin!

Thank you for using our theme.

In custom.css or Enfold -> Styling -> Quick-CSS put the following and adjust the values:

div .main_color .tabcontainer .active_tab {
    background-color: #efefef !important;
    font-size: 1.1em !important;
}
div .main_color .tabcontainer .tab {
    font-size: 1.1em !important;
}

You also can change the font size to a fix value with:

  {
    font-size: 11pt !important;
}

Best regards,
Günter

Hey!

I’m not sure if this is going to work but please try to add this on Quick CSS or custom.css:

.toggle_icon .vert_icon:before {
	content: '';
	font-family: 'entypo-fontello';
	font-size: 20px;
}

.activeTitle .toggle_icon .vert_icon:before {
	content: '';
	font-family: 'entypo-fontello';
	font-size: 20px;
}

.toggle_icon .hor_icon, .toggle_icon .vert_icon {
border: none !important;
}

.toggle_icon .vert_icon {
left: 2px;
top: -3px;
border: none !important;
}

span.toggle_icon {
border: none;
}

Cheers!
Ismael

Hi!

Thank you for the update.

Please replace the css snippet with this:

.my-custom-content {
position: absolute;
left: 330px;
top: 20px;
color: red;
font-size: 18px;
}

.header-scrolled .my-custom-content {
display: none;
}

Cheers!
Ismael

Hey!

Thank you for using Enfold.

IE8 doesn’t recognize media queries that is why you’re seeing spacing issues. Honestly, I will not expect much from an old hag browser like IE8. The only major issue that I noticed on browser is the menu overlapping the logo which can be fixed with this on Quick CSS or custom.css:

.avia-msie-8 .av-main-nav > li > a {
padding: 0 6px;
font-size: 11px;
}

.avia-msie-8 .logo a img {
width: 60%;
top: 5px; 
}

Cheers!
Ismael

Hi GOWD!

Thank you for using Enfold.

You can decrease the font size of the phone info on mobile devices:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.phone-info {
font-size: 13px;
}
}

Go to Enfold > Header > Mobile Menu panel. Choose the second option on Header Mobile Menu activation to show the mobile menu earlier.

Cheers!
Ismael

Hey jeffreyvanoostrom!

Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

.avia-desc-col li.avia-pricing-row {
font-size: inherit;
font-weight: inherit;
}

Cheers!
Yigit