Hi Stefan!

Those are the same Enfold theme, just set up differently to show the versatility of the theme. You can import the Enfold 2017 demo into a blank WordPress installation, if you want to inspect how it’s set up! :) You can do this by going to Enfold > Demo Import in a test WordPress installation.

If the Enfold you already have in your website is updated, you can definitely use background images in the same way that you see in the demo.

I hope that helps!
Best regards,
Sarah

Hi,

Please try this:

#slideshow-col .avia-button {background:none!important; border-bottom:none !important;}

Please note that you have some slides that are light-colored, and the link is not visible in those slides. If you wish to change their color via CSS, you can add this:

#slideshow-col .slide-2 a.avia-button {color:#00348d !important}

Best regards,
Sarah

Do you need any other help with this topic, or can we close this thread? :)

Best regards,
Sarah

Hey mleite1,

Thank you for the link to your website. But, sorry, I’m not sure I understand your question. If it’s okay, can you specify which heading you’re talking about? (Sample text or a screenshot will be helpful.) Can you also clarify what you are hoping to achieve? Thank you so much!

Best regards,
Sarah

Hi!

I added the code to Quick CSS, and it seems to take effect. Were you trying to do something else? Let us know, and we’ll do our best to help.

Best regards,
Sarah

Hey Ramon,

Can you share the link to your website please?

Each option in the Menu and logo position style generates a different HTML code, so this is not easily doable with CSS.

Have you considered using Logo left, Menu right instead?

Best regards,
Sarah

Hey hubbdesign,

First of all, thank you for using Enfold! :)

Can you try also adding this in Quick CSS?

#menu-item-3249 .avia-menu-fx{
   padding-right:0px!important;
}

Best regards,
Sarah

Hi,

Please try this in Quick CSS:

#top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(246,132,31,0.7);
}

If you need to adjust the opacity, you can change the last number. Completely transparent is 0, and completely opaque is 1.

Best regards,
Sarah

Hi,

We’re glad that the solution worked for you!

For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.

We would also appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads

Thank you for using Enfold!
Sarah

Hi,

We’re glad the problem is fixed! We’ll keep this thread open for you in case you need further help about this topic.

Best regards,
Sarah

Hi,

We’re glad that Yigit was able to help you.

For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.

We’d also appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads

Thank you for using Enfold.
Cheers!
Sarah

Hi,

We’re glad that Victoria was able to help you! If you have any other questions or issues, feel free to post them here on the forum and we will do our best to help.

And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/

Thank you for using Enfold!
Cheers!
Sarah

Hi,

We’re glad that Basilis was able to help!
Please let us know here in the forums if we can help you with anything else.

Thank you for using Enfold.
Cheers!
Sarah

Hi,

Thank you for the input, Guenni!

Monique, please let us know if you need further help.
Best regards,
Sarah

Hi,

Okay. I’ll try to get you started. :)

I see that you’ve set the color section to have the ID “header-home”. This color section, by default, has paddings of 50px. It also has automatically set margins to center it. To change the padding, you can try this:

#header-home .container:first-child {padding: 10px;}

If you need to change other margins, you’ll have to check the source code (right click on the page in your browser, then select “Inspect” or “View Source”) and see the classes for the element you wish to change.

If you need to make some CSS code work only for phones or tablets, or only for desktops, please use this page for reference: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

I hope that helps!

Best regards,
Sarah