Monitor Reply

Support

using MrKDilkington - Full Screen Background Image and Overlay

Permalink Browser Info Environment September 03, 2018 at 9:25 AM

Hi.
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

pilipala replied on Sep 3, 2018 at 9:39 am Permalink Reply

Hello,

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

peel1962 replied on Sep 3, 2018 at 9:56 am Permalink Reply

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

pilipala replied on Sep 3, 2018 at 10:01 am Permalink Reply

Thank you. I will have a look at it a bit later, and get back to you.

Jennifer

pilipala replied on Sep 3, 2018 at 12:40 pm Permalink Reply

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:

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

peel1962 replied on Sep 3, 2018 at 12:48 pm Permalink Reply

OK, I will try this.
Thank you for fast support.
/Peter

pilipala replied on Sep 3, 2018 at 1:11 pm Permalink Reply

You're welcome :)

Seren

Support

using MrKDilkington - Full Screen Background Image and Overlay

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post