using MrKDilkington - Full Screen Background Image and Overlay
Permalink Browser Info Environment
Hi.
Is it possible to use "MrKDilkington - Full Screen Background Image and Overlay" on this theme?
Tried it but no effect.
/Peter
Is it possible to use "MrKDilkington - Full Screen Background Image and Overlay" on this theme?
Tried it but no effect.
/Peter
Type: | Discussion |
---|---|
Status: | Resolved |
It would be great if you could have a look.
URL ishttp://cultura-aktivitet.se/v2/...
I tried to use it on the subpages, not the homepage.
Thanks
/Peter
URL ishttp://cultura-aktivitet.se/v2/...
I tried to use it on the subpages, not the homepage.
Thanks
/Peter
Thank you. I will have a look at it a bit later, and get back to you.
Jennifer
Jennifer
Hi
To show the main area with the background image, you just need to make the theme background transparent for that page.
You can do this in the design panel on that page by selecting the x option (top right) for the background colour in the customise theme panel where it says Page Background under Body. Click on the cog (top left of concrete5 toolbar) > design > customise theme. Change the background colour to x select choose, and then save changes > this page.
If you prefer, you can do it by adding custom CSS. The code to make the page brackground transparent is:
If you wanted to target a particular page, you could add the id of the page, eg:
I don't know if you would want the background to show everywhere, including the banner area and the footer? If so, it is a similar thing, you would need to make any backgrounds and borders transparent either in the customise theme panel, or by adding custom CSS, e.g.
Thanks,
Jennifer
To show the main area with the background image, you just need to make the theme background transparent for that page.
You can do this in the design panel on that page by selecting the x option (top right) for the background colour in the customise theme panel where it says Page Background under Body. Click on the cog (top left of concrete5 toolbar) > design > customise theme. Change the background colour to x select choose, and then save changes > this page.
If you prefer, you can do it by adding custom CSS. The code to make the page brackground transparent is:
div.ccm-page { background: transparent; }
If you wanted to target a particular page, you could add the id of the page, eg:
#page406 div.ccm-page { background: transparent; }
I don't know if you would want the background to show everywhere, including the banner area and the footer? If so, it is a similar thing, you would need to make any backgrounds and borders transparent either in the customise theme panel, or by adding custom CSS, e.g.
#page406 div.ccm-page { background: transparent; } #page406 div.ccm-page #seren-banner { border-bottom: none; } #page406 .footer #seren-top-footer { background-color: transparent; } #page406 .footer #seren-bottom-footer { background-color: transparent; } #page406 .jumbotron { background-color: transparent; }
Thanks,
Jennifer
OK, I will try this.
Thank you for fast support.
/Peter
Thank you for fast support.
/Peter
You're welcome :)
I haven't tried using this add on with Seren, but you may need to make changes to the theme CSS. You could have a look at it using Firefox inspectorhttps://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to...
If you would like to send a link, I can have a look. Please note this support thread is public, so if you want to send the link privately, please send it by pm or email contact@pilipalawebdesign.com
Thanks,
Jennifer