Hey!

1- You can add iconbox element to your page in Avia Layout Builder. You can also add your own icons ( please see – http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/ )
You should choose to display icons on top to have them in circle.
2- You can change overlay icons with following code

.image-overlay.overlay-type-extern .image-overlay-inside:before {
content: url(https://yourdomain.com/icon.png);
font-family: 'entypo-fontello';
}

3- You are using an older version of the theme. Please update Enfold to the latest version as well - http://kriesi.at/documentation/enfold/updating-your-theme-files/

Best regards,
Yigit

Hi!

Thank you for the question. I hope all is well with you today.

You can reduce the top margin of the special heading element:

.av-special-heading {
margin-top: 0;
}

Best regards,
Ismael

Hey tmunz!

Thank you for using the theme. I hope you’re doing great.

You can add this on Quick CSS or custom.css to remove the layer slider’s top border:

.avia-layerslider {
border-top: none;
}

Best regards,
Ismael

Hi!

Thank you for using the theme. I hope you’re doing great.

You can add this on Quick CSS or custom.css to move the menu closer to the slider:

.html_header_top.html_header_sticky.html_large.html_main_nav_header .main_menu ul:first-child > li > a {
 line-height: 180px !important;   
}

.html_header_top.html_header_sticky.html_large.html_main_nav_header .header-scrolled .main_menu ul:first-child > li > a {
 line-height: 58px !important;   
}

Best regards,
Ismael

Hey eswyt!

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

.sub_menu li > a {
background-color: red!important;
color: white!important;
}
#top .social_bookmarks li a { 
font-size: 25px; }

Regards,
Yigit

Hey!

How are you? I hope you’re doing well today.

Please add this on Quick CSS or custom.css to place the thumbnail on top of the post.

@media only screen and (max-width: 767px) {
.responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar {
display: none;
position: relative !important;
width: 100% !important;
}

.single-post .single-small.with-slider .small-preview {
width: 100%;
text-align: center;
background: transparent;
height: auto;
}

#top .fullsize .template-blog .big-preview a, #top .fullsize .template-blog .small-preview img {
width: 180px;
margin: 0 auto;
}
}

Regards,
Ismael

Hey oliviad!

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

.avia_wpml_language_switch {
width: 130px;
}

Best regards,
Yigit

Hey!

On another topic you have mentioned that Devin helped you solve the issue. I am closing this topic for now. If you have any other questions or issues, feel free to start a new one :)

Regards,
Yigit

Hey!

If you would like to remove top padding only on blank templates, please use following code

.avia-blank #main {
padding-top: 0!important;
}

This should do it

Cheers!
Yigit

Hi!

Please change previous code with following one

.page-id-19416 #main {
padding-top: 0!important;
}

on which pages do you need to remove the top padding?

Best regards,
Yigit

Hey karbonato!

Thank you for using the theme. I hope you’re doing great.

The latest Enfold update 2.6 includes a Header-configurator which you can use to modify the header in so many ways. You might want to look into that. Please post the link of the website here so that we can inspect it.

Cheers!
Ismael

Hi!

Thank you for using the theme. I hope you’re doing great.

Unfortunately, you can’t do that with Enfold. The theme use shortcodes to build a page and does not rely on templates. This is actually possible with wordpress conditionals or css but it will take a lot of modifications. Please hire a freelance developer to create a different header. For further customization, please visit Werkpress.

Regards,
Ismael