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 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 cdiaz,

You will need to set the Parent Page in order to show it in the breadcrumb.
If it has no parent page then it will just show Home / Current Page in the breadcrumb.

Best regards,
Nikko

Hi Lene,

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,

I think you can use this code so it’s equal columns on desktop including tablet (landscape), just increase the min-width value to 1200px and that should only target desktops and laptops:

@media only screen and (min-width:1024px) {
  #top .equal-height-column .entry-content-wrapper {
    display: flex;
  }

  #top .equal-height-column .entry-content-wrapper .iconbox {
    display: flex;
    min-height: 100%;
  }
}

If you plan to target individual devices, that will be fine as well but you will need a lot of code, please check this article: https://codeconvey.com/responsive-media-queries-for-all-devices/
I hope it helps.

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 Martina,

Thanks for providing us with admin access.
I used a plugin called Better Search and replace to replace all http://yourwebsite.com to https://yourwebsite.com and it seems to have resolved the issue.
Please review your site :)

Best regards,
Nikko

Hi netzfuchs,

I tried to inspect your site however I could not find one of these Custom IDS eh-center-align-columns or ih-center-align-columns as mentioned in the documentation.
Which section are you referring to on the link you gave?

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

Hi Franz,

I have replied on the original thread and it will be for all devices, so you won’t need to add multiple media queries.

Best regards,
Nikko

Hi Monika,

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

Best regards,
Nikko

Hi schweg33,

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

.page-id-3578 #av_section_1 .av_one_third .iconbox_content {
    min-height: 258px;
}

Hope it helps.

Best regards,
Nikko