Layout help

Support
#1

Hi there, I am struggling to get a layout similar to this one. https://www.golfjdrf.com/ I want the static image in the background and then sections that scroll on top, with transparencies.

Thanks!

#2

Hello There,

Thanks for writing in!

You can insert a global page background image in X by going to X > Theme Options > Layout & Design > Background Options. Simply upload a background image and you are all set. Just make sure that when you create a page using Cornerstone, your section will have to have a transparent backgrounds so that the global page background will be visible.

Hope this helps.

#3

Thanks for the reply, but it is not working for me.

http://www.leslee.ca/CCFV/

The top section has a full transparent background and it is not.
I am not sure what else to do. I even tried to target the container with css and that did not work.

Thanks,
Leslee

#4

Hi There,

Please try adding this custom CSS under Theme Options > CSS:

.home .x-main.full {
    background-color: transparent;
}

Hope it helps :slight_smile:

#5

Thank you, well it did on the home page. Can’t see what’s different on this one.

http://www.leslee.ca/CCFV/registration/

#6

Hi There,

Please also add this custom CSS:

.x-container.main:before {
    background-color: transparent;
}

Let us know how it goes!

#7

Hi again, yes that worked, but I cant get it to work on this page!
Seems it should not be so complicated?

http://www.leslee.ca/CCFV/sponsorship/

Thanks,
Leslee

#8

Hello Leslee,

Since you are using Ethos and a page template, please make use of this code instead:

.page-template-template-blank-4-php .x-main, 
.page-template-template-blank-5-php .x-main, 
.page-template-template-blank-6-php .x-main, 
.page-template-template-blank-8-php .x-main {
    background-color: transparent;
}

This code will make sure that all of the Blank - No Container page templates has a transparent background color.

#9

That solved it thank you!

#10

We are delighted to assist you with this.

Cheers!

#11

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