Hi!

You’re almost there! If you drag your Special Heading and Text Block elements into the Color Section, it should achieve what you’re looking for. I’d do it myself, but I hope you’ll enjoy seeing the magic. :)

Please let us know if you need further help.

Best regards,
Sarah

Hi!

Can you give us a link to the website in question so we can take a look? For creating backgrounds for the whole screen, please consider using a Color Section.

For your second question, please try to clear your WordPress cache, too. This is different from your browser cache and cookies. You can clear it using your WordPress caching plugin (if you have one) or Cloudflare (if you have one). Some servers also have a caching mechanism installed, so please check that.

Best regards,
Sarah

Hey Daddykate,

What widget did you use to show the items on the bottom of the page?
Best regards,
Sarah

Hi,

The ID is layerslider_4. Please try this code instead:

@media only screen and (max-width: 990px) {
.home #layer_slider_1 { display: none !important; }
}
@media only screen and (min-width: 990px) {
.home #layerslider_4 { display: none !important; }
}

Best regards,
Sarah

Hey Picante,

Yes, that’s possible. Each menu item has a unique class, like this:

<li id="menu-item-3060" ...

Get that class for your menu items, then you can use something like this:

.menu-item-3060 { background-color: red; color: white; }

Let us know if you have any questions.

Best regards,
Sarah

Hi,

This is caused by the following code in layout.css and custom.css:

#top .av-main-nav ul ul: {right: -207px !important;}

If you remove that, the mega menu displays as it originally should.

Best regards,
Sarah

Hey Simon,

This happens because your images aren’t the same dimension. You can use images with the same dimension, or set Benutzerdefinierte Bildgröße wählen to Square. Just make sure that all images have had a square version created for them.

Best regards,
Sarah

Hi,

We’re glad that Mike was able to help you!

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

Cheers!
Sarah

Hi!

Your code should work if the IDs are correct. Can you try putting it back so we can take a closer look?
Best regards,
Sarah

Hi,

Yes, the code is there properly, and is working now. Do you need any other assistance with this topic? :)

Best regards,
Sarah

Hi!

Thanks for clearing the cache on your browser. You also need to clear your WP cache sometimes. Can you purge your Enfold CSS from the Cloudflare cache, please?

Best regards,
Sarah

Hi,

Thank you for sharing the response, Tina. And we’re glad this got sorted out.

Please let us know here in the forums if you need help with anything else!

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

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

Hey mikkijack,

You can try this code:

.page-id-4668 #av-layout-grid-1 .flex_cell:first-child,
.page-id-4668 #av-layout-grid-1 .flex_cell:last-child  { width: 30.5%; padding:0px 15px 15px 15px !important; }
.page-id-4668 #av-layout-grid-1 .flex_cell:nth-child(2) { width: 39%; padding:0px !important;}

.page-id-4668 #av-layout-grid-1 .flex_cell .avia-image-container {
   padding:0px !important;
 }

Please keep in mind that the widths and heights change as they adapt to the screen that contains them. The above code works for most laptop screens, but if you want it to appear exactly as you want them, you’ll have to create different values for different screens using media queries. https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

You can also use fixed pixel values for the widths instead of percentages. Please feel free to adjust the values to fit your preference.

Best regards,
Sarah

Hey Vrout,

You can force the body to have a minimum width, for starters. Please try this in CSS:

.single-product { min-width: 1024px !important; }

If you need additional help, please give us the URL of the website in question.

Best regards,
Sarah

Hi,

We’re glad that you figured out the issue.

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

Cheers!
Sarah