Hey!

I did a bit of testing and looks like large icons will overlap each other. I added 3 1/3 column layout with 50px bordered icon size inside each. I need to add this on Quick CSS to prevent them overlapping with each other.

.av_font_icon.av-icon-style-border .av-icon-char {
width: 50% !important;
line-height: 120px !important;
min-height: 120px;
}

Best regards,
Ismael

Hi costin!

Use the icon element, insert it on a post or a page. Use google chrome then inspect the icon element. Get the html code. It looks something like this:

<span class="av_font_icon avia_animate_when_visible av-icon-style-border  av-no-color avia-icon-pos-center  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:20px;line-height:20px;width:20px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

Create a custom link on Appearance > Menu. Place the icon’s html code on the Link Text field.

Cheers!
Ismael

Hi!

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

.social_header .phone-info { font-size: 18px; }

@fmessner thanks for your help :)

Cheers!
Yigit

Hey Mkieling!

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

.post-title.entry-title a {
font-size: 30px;
font-family: Georgia;
}

Change the font color using this:

.main_color h2 {
color: blue;
}

For further customization, please visit Werkpress.

Best regards,
Ismael

Hi!

I guess Dude is referring to this code:

#top #wrap_all .social_bookmarks {
height: 50px;
}

#top #wrap_all .social_bookmarks li, #top #wrap_all .social_bookmarks li a {
width: 50px;
line-height: 50px;
min-height: 50px;
font-size: 30px;
}

#wrap_all #header_main .social_bookmarks li a {
border-radius: 50px;
}

Best regards,
Ismael

Hey jrgrigg!

Are you trying to change the large button shortcode font size or you’re trying to change the button on a slider? Please add this on Quick CSS:

.avia-button-wrap .avia_iconbox_title {
font-size: 20px;
}

Do you have the latest version? Post the link of the page with the button here.

Best regards,
Ismael

Hi AliMese!

1- Please add following code to Quick CSS and adjust as needed

#av_section_3 .avia-icon-list .iconlist_icon {
height: 45px;
width: 45px;
line-height: 45px; 
font-size: 15px!important;}
#av_section_3 .avia-icon-list .iconlist-timeline { left: 25px; }

2- Please see http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/

Regards,
Yigit

Hi!

Please try adding following code to Quick CSS

@media only screen and (max-width: 989px) and (min-width: 768px) { 
.main_menu ul:first-child > li > a { font-size: 10px; }}

Cheers!
Yigit

Hey!

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

.social_header .phone-info { font-size: 15px; color: white !important; }

You cannot seperate this 3 lines, but you can add two lines as secondary menu in Appearance > Menus and make them not clickable so it would look like a simple text

Best regards,
Yigit

Hey MKW270210!

You can install the woocommerce pages by clicking on the violet button above the Woocommerce panel. This will create all the woocommerce pages. Go to Appearance > Menus then create a new menu, set this menu as Enfold Secondary Menu under Theme Location. Insert the Cart and the Checkout page on the new menu. You can add this on Quick CSS or custom.css to increase the size of the shopping cart icon:

#header_main > ul > li > a.cart_dropdown_link span {
font-size: 20px;
}

Best regards,
Ismael

Hi!

Please use this on Quick CSS:

[data-av_icon]:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: normal;
content: attr(data-av_icon);
speak: none;
font-size: 24px;
}

Cheers!
Ismael

Hey!

You can use this:

.entry-content-wrapper .post-title {
font-size: 26px;
line-height: 1.3em;
}

Best regards,
Ismael

Hey Markus!

You can go to Enfold theme options > Header tab and add/change/remove social icons http://i.imgur.com/dvBrhjn.jpg
Then you can add following code to Quick CSS in Enfold theme options under Styling tab to increase the size of social icons

#top .social_bookmarks li a { font-size: 18px; }

Regards,
Yigit