Hey Qgrafica_7,
Please try disabling you 10Web Booster plugin, I believe that it is caching and it doesn’t have an option to clear the cache. Also if your server is caching you will also need to clear this, I recommend disabling your server cache until you are done with the site. Also try disabling Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files to clear this cache.
Once you are done building your site you can enable your 10Web Booster plugin so you won’t have to ffight with the cache.
The only reason you need to add the !important; in your css is because your css doesn’t have enough specifically, most of your css is a single class, and most of the theme css is multiple classes often with a ID included.
I found some css in your Quick CSS to add a background image, but the class you have used is a temporary class that will change when the page is updated:

Best regards,
Mike

Hey Francesco,
When I tried to edit a element on your homepage, I found no issues:

This is the result on the frontend:

Try using the login you posted for us.

Best regards,
Mike

Hey Rocuant,
First enable the css classes in the menu items by selecting this option in the menu screen options:

Then add a custom class like “red” to the menu item:

Then add CSS for the menu background color in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field like this:

.red {
	background-color: red;
}

If you want the text color to also be different, like white, add this:

.red .avia-menu-text {
	color: white;
}

This is the expected results:

Then do this for each item.

Best regards,
Mike

Hi,
It looks like you made an error in your css, you wrote 14x; it should be 14px;

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
	.avia-table a {
		font-size: 12px;
	}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
I believe that you are asking how to center the man holding umbrella image that is in your grid row:

in your grid row background image you would choose the background image position of Top Center:

so the image will be centered left & right and the top of the image will show:

or you can choose Center Center if you don’t care if the top of the umbrella shows.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey Yossi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.page-id-1941 .av-masonry-entry {
	pointer-events: none;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey ballindigital,
To edit the menu item Description, first enable them in the drop down at the top of your menu screen “Screen Options” and checking the Description box, which will show the Description text area below your menu items.


I have enabled this for the login you posted, if you are using a different login you will need to enable this.
To make the menu burger white try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .av-burger-overlay li li .avia-bullet, #top .av-hamburger-inner,#top .av-hamburger-inner::before, #top .av-hamburger-inner::after {
  background-color: #fff !important; 
  }

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey ausgesonnen,
It is the background color of the element, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .av-video-slide .avia-slide-wrap, #top .av-video-slide iframe {
    background: #fff;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey aboderc,
Thanks for the link to your page, I see that you have a square with a code block that seems to have woo product shortcode, but the problem is that the code block has a shortcode for a three column product

so the css for this gives it a width of 18%, this is why the product is to the top left, not because of the code block.
Try this css:

#top.home .products.columns-3 .product {
	width: 100%;
	margin: auto;
}

Your other two products have a two column woo code so they are to the left because their width is only 49.5%

for them try this css:

#top.home .shop_columns_2 .products .product {
	width: 100%;
	margin: auto;
}

Lets us know if this helps.

Best regards,
Mike

Hey truejoke,
In the LayerSlider you would first disable the Google Fonts under LayerSlider Settings ▸ Google Fonts

then in each layer element that you use you will need to choose the local font that you uploaded:

Best regards,
Mike

Hi,
I see a square with a arrow for going to the top in the Parallax Demo :

to enable this for mobile try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px){
.responsive #top #scroll-top-link {
    display: block;
}
}

Best regards,
Mike

Hey ausgesonnen,
Try this css:

.avia-icongrid-front,.avia-icongrid-flipback {
	  border-radius: 100%;
	  min-height: 460px;
}

you must set the min-height or it will be oval due to the inner content.
This is the expected results:

Best regards,
Mike

Hi,
The css classes .site-header & .top-bar are not typical for Enfold, I would recommend this css:

#header_meta .container {
min-height: 60px;
}

#header_meta .container * {
font-size: 16px;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
If this doesn’t help please include the url to the page in question so we can take a closer look.

Best regards,
Mike

Hey Chris,
You can disable the Cookie Consent Message at Enfold Theme Options ▸ Cookie Consent ▸ Enable cookie consent messages and select Disable cookie consent messages

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, once you remove the manually added H1 from the post it will solve your issue. It is not needed as it is a duplicate of the post title and causes your title to show twice.

Please let us know if you have any other questions about this issue.

Best regards,
Mike

Hey Grobi,
Thank you for your patience, but I’m not sure what you mean by “toolbar”, do you mean the menu or the header? I see this when I scroll down, do you want it to always show?
If so go to the header setting for the page and change to “No Transparency”

Best regards,
Mike

Hi,
Try removing the code above and try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function trigger_masonry_lightbox_on_load() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($) {
	setTimeout(function () {
    $('.av-masonry-container .av-masonry-item-with-image.lightbox-added:first').trigger('click');
	}, 100);
}(jQuery));
});
</script>
  <?php
}
add_action( 'wp_footer', 'trigger_masonry_lightbox_on_load', 99 );

In my test this seems to work quickly, but if you find it is not working try changing the delay 100 to a higher number like 500

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
If you still have trouble please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike