Hi sarthakchoudhary,

Please try to add this CSS code in Enfold > General Styling > Quick CSS: (just replace the url with the image you want to use)

.home #footer {
    background-image: url(https://website.com/themes/wp-content/uploads/2023/03/footer_bg.jpg);
    background-size: cover;
}

Hope it helps.

Best regards,
Nikko

Hi Ian,

Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

@media only screen and (max-width:1180px) {
  .page-id-734 #after_layer_slider_1 .container {
    width: 100%;
    max-width: 100%;
  }
}

Best regards,
Nikko

Hi Erin,

I’m glad that Ismael could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi Monika,

Please make sure you have the correct permission:

For further information please follow the instructions in our documentation: https://kriesi.at/documentation/enfold/theme-registration/#how-to-generate-a-envato-personal-token

Best regards,
Nikko

Hi Martina,

I’m glad that we could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi Lene,

You’re welcome :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi tonyiatridis,

You’re welcome :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi Franz,

Thanks as well for using Enfold and have a great day!

Best regards,
Nikko

Hi Franz,

You’re welcome :)
It’s a pleasure to help you.
Thanks as well for using Enfold and have a great day!

Best regards,
Nikko

Hi Monika,

To position the picture to the right (using a color section) assuming the layout you’re using is the same as the one in private content, please do the following:
1. Edit the Color Section, then go to Advanced > Developer Settings > Custom CSS Class and put move-right and save.
2. Go to Enfold > General Styling > Quick CSS and add this CSS code

#top .move-right .container {
    margin-right: 0;
}

You can use this again on other sections by repeating only step 1.

To position the picture to the left:
1. Edit the Color Section, then go to Advanced > Developer Settings > Custom CSS Class and put move-left and save.
2. Go to Enfold > General Styling > Quick CSS and add this CSS code

#top .move-left .container {
    margin-left: 0;
}

You can use this again on other sections by repeating only step 1.
Hope this helps.

Best regards,
Nikko

Hi tonyiatridis,

We’re happy to hear that :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi sarthakchoudhary,

Please try to add this CSS code in Enfold > General Styling > Quick CSS:

#top #header .container {
    width: 100%;
}

If you want to move it a bit further to the left then use this CSS code instead:

#top #header .container {
    width: 100%;
    padding-left: 10px;
}

just change the padding-left value as you see fit (you can set it to 0, the default value is 50px).
Hope this helps.

Best regards,
Nikko

Hi tonyiatridis,

Please try to add this CSS code in Enfold > General Styling > Quick CSS:

.single-product .sidebar {
    display: none !important;
}

Best regards,
Nikko

Hi Sean,

The function I shared in that link won’t help.
However, I have found a workaround to imitate the layout in https://kriesi.at/themes/enfold-minimal-photography/

1. Edit the Masonry Gallery, go to Advanced > Developer Settings > Custom CSS Class and add this value big-first-item then save.
2. Add this code in functions.php using a child theme or if you don’t have a child theme, you can use WPCode plugin to insert this php snippet:

function masonry_gallery_first_item(){
?>
	<script>
		(function() {
			const images = document.querySelectorAll('#top .big-first-item .av-masonry-container > a:nth-child(2)');

			images.forEach(image => {
				image.classList.add("av-landscape-img", "av-portrait-img");
			});
		})();
		
	</script>
<?php
}

add_action('wp_footer', 'masonry_gallery_first_item');

The purpose of the code is just to set the first item to occupy two spaces in both column and row.

If you need to do this on another page, then just repeat Step #1 (only).

I have tested this on my end and it worked.
These are the order and sizes of the images (in px):
1. 1600 x 1600
2. 800 x 800
3. 900 x 1600
4. 800 x 800
5. 1600 x 600
6. 900 x 1600
7. 800 x 800
8. 800 x 800
9. 800 x 800
10. 800 x 800

I hope this helps.

Best regards,
Nikko