Home page takover / images on home page

[nicholaspanetta]

Hi, im using X Theme / Cornerstone and im trying to get an image in the background, just on the home page. See attached example

See where the Apple iPhone 13 pre-order ads are on each side of the main content?

Website is https://1stcallwedoitall.com.au/ and i want to put the same image on the left of the main copy and right of the form.

Thanks

[ruenel]

Hello @nicholaspanetta,

Thanks for writing in! I have checked the example site, https://www.jbhifi.com.au/, and I found out that it is using a custom HTML coding that adds an AD section on the left and right of the page content. It can only be possible with custom development which is outside the scope of our support. You may need to contact a 3rd party developer to do this customization for you. Be advised that this is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.

[nicholaspanetta]

That’s ok i understdn their site would have been custom coded to do this.

Is there an out of the box work around? Is there a way to add a home page image and maybe design the image in a way that it has 1 on each side and sits where it needs to when added to the page?

Where would i add a background image to the home page? I assume it would be a similar place to where i change the background color?

Thanks

[prakash_s]

Hello @nicholaspanetta,

To add the background image of the page you need to go to the Page—>Select the Page and click on the EDIT button.—>Scroll down you can add an image here. Please have a look at the given screenshot below.

There is the option of body class you can add a custom class and then you can add this custom CSS code to add the background color of the page background.

body.custom-class {
background: #295eaf;
}

Please feel free to change the background color code as per your design. Please note you can change the CSS custom class name, if you change the CSS class name you need to change the CSS code as well.

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case if you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[nicholaspanetta]

Thanks so much Prakash!

[marc_a]

Hi @nicholaspanetta,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.