Background advanced tab

Support
#1

Hi

Can’t find the background advanced tab as in https://theme.co/apex/forum/t/full-width-and-background-images-for-certain-sections/49815/2

Trying to show a background full page width image behind this form https://www.commissionit.co.uk/request-a-quote/

Thanks

#2

Hi Amin,

Thank you for reaching out to us. You need to enable Advanced Mode option for it to show up. In Cornerstone, click on the gear icon then under Preferences tab turn on the Advanced Mode option (see screenshot)

Let us know how this goes!

#3

thanks, in https://www.commissionit.co.uk/art-commissions-bespoke-paintings-to-murals/

how do i set the content areas to have a slight margin for mobile as they go over the edges…?

Thanks

#4

can now add a background image for the form but NOT the entire page? How to add background image for outside the form table and the entire page please?

#5

Hi,

  1. To add a space for content areas in mobile, you can add the code below in Theme Options > CSS 
@media(max-width:767px) {
.x-bar-content-area {
   padding:0 30px;
}
}
  1. Yes, you can now add background to your form by adding a background image to your section element.

  1. For the page background to work, you need to remove this css code in Theme Options > CSS 
div#x-root {
    background: #fff !important;
}

Then add this

.x-root .site, .x-root .x-site {
    background: transparent !important;
}

Hope that helps

#6

thanks i added the css to this page https://www.commissionit.co.uk/request-a-quote/ you can see the background image at the footer but not around the left right of the form full width?

#7

Hello Amin.

That happens because the page template of the page is the default template which places the content in a container with a padding around it.

Try setting the page template to : Blank : No Container Header, Footer then add a padding to the section.

Hope this helps.

#8

thanks what kind of padding please?

#9

Hi Amin,

Please add the padding to the section that contains the gray background so that there will be a space from the edge of the section box to the form content.

Hope this helps.

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.