Hi aadler!

Thank you for using Enfold.

Can you please provide a screenshot of what you’re trying to do? You can adjust the size of the iconbox icon with this:

#top .iconbox.av-no-box .iconbox_icon {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
}

Use css media queries if you only want to apply it on tablet screen size.

Regards,
Ismael

Hey Dominik!

Thank you for using Enfold.

From what I understand, you want the same logo like the Kriesi site. You can add this on functions.php:

add_filter('avf_logo_subtext', 'kriesi_logo_addition');

function kriesi_logo_addition($sub) {
	$sub .= "<strong class='logo-title'>Company Name</strong>";
	$sub .= "<strong class='logo-title logo-subtitle'>Additional Text Here</strong>";
	return $sub;
}

Adjust the position of the subtext with this on Quick CSS or custom.css:

.logo, .logo a {
overflow: visible;
width: 100%;
}

span.subtext {
position: absolute;
top: 0;
left: 200px;
}

Use this for the subtext transition:

#top .logo-title {
transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-webkit-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
font-size: 12px;
color: #000;
position: absolute;
left: 7px;
top: -7px;
opacity: 1;
white-space: nowrap;
}

#top .header-scrolled .logo-title {
opacity: 0;
filter: alpha(opacity=0);
}

Cheers!
Ismael

Hey TheProductionHouseEvents!

Thank you for the heads up.

Please use this on Quick CSS or custom.css to resize the submenu on smaller screen size:

@media only screen and (max-width: 1113px) {
#top .av-subnav-menu > li > a {
padding: 0px 5px 0px 7px;
font-size: 11px;
}
}

Cheers!
Ismael

Hey kristjanotsmann!

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

.avia-content-slider blockquote {
font-size: 19px;
}

Cheers!
Yigit

Hey!

Please add following code to Quick CSS to increase its size

#top .widget_nav_menu ul ul li:before { font-size: 25px; }

Cheers!
Yigit

Hi!

Thank you for using Enfold.

The theme doesn’t override any of the button’s styling. Revo slider itself change the button styling. As you can see in this code, there are inline styling that overrides .buttontest styling. Try adding !important value on the button’s css properties.

<div class="tp-caption tp-fade tp-resizeme start" data-x="100" data-y="100" data-speed="300" data-start="500" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 2; white-space: nowrap; -webkit-transition: all 0s ease 0s; transition: all 0s ease 0s; min-height: 0px; min-width: 0px; line-height: 21px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-size: 13px; left: 411.5px; top: 100px; visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);"><a href="#" class="buttontest" style="-webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; min-height: 0px; min-width: 0px; line-height: 50px; border-width: 5px; margin: 0px; padding: 0px; letter-spacing: 0px; font-size: 20px; max-width: 100px;">Buttontest</a>
		</div>

Best regards,
Ismael

Hi!

Please add following code to Quick CSS as well

@media only screen and (max-width: 480px) {
.home #av_section_1 h1 { font-size: 30px!important; }}

Best regards,
Yigit

Hey!

Adjust the font size as well:

@media only screen and (max-width: 1240px) {
#top #header .av-main-nav > li > a {
font-size: 16px;
}
}

Please go to Enfold > Header > Mobile Menu panel. Select the Tablet or the second option on the Header Mobile Menu activation setting.

Cheers!
Ismael

Hi DROR!

Thank you for using Enfold.

You can use this:

@media only screen and (max-width: 767px) {
.avia-content-slider .slide-entry-title {
font-size: 20px;
}
}

Best regards,
Ismael

Hi!

Please add following code to Quick CSS and adjust as needed

@media only screen and (max-width: 768px) {
h1.ls-l { font-size: 14px!important; }
h2.ls-l { font-size: 12px !important; }}

Regards,
Yigit

Hi!

Please add following code to Quick CSS as well

.main_color .avia_textblock strong {
font-size: 14px;
}

Cheers!
Yigit