- This topic has 10 replies, 2 voices, and was last updated 9 months, 4 weeks ago by
David.
-
AuthorPosts
-
November 30, 2019 at 8:44 am #1086517
mikeb82
I’m converting a website from an old theme to GeneratePress. Everything was going well until I encountered a roadblock. I need to add a fixed background image to the top right of the screen. I tried targeting the .site-header class with CSS without success. Is there a hook area between the body and the header I can use for this?
Note: I also tried to add the image using elements by creating a div class with the background image. Only portions of the image were displayed.
Thanks
November 30, 2019 at 11:43 am #1086779David
StaffCustomer SupportHi there,
do you still have the old site so we can see what you’re trying to achieve?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 30, 2019 at 12:04 pm #1086808mikeb82
Yes, it’s https://ccccccc.com
It’s the falcon at the top right of the screen.
November 30, 2019 at 1:49 pm #1086952David
StaffCustomer SupportYou can actually set multiple background images on an element like so:
body { background-image: url('url-two-foreground-image'),url('url-two-background-image'); background-repeat: no-repeat, no-repeat; background-attachment: fixed, fixed; background-position: right top, right top; background-size: auto, cover; }
Make sure the Falcon image ( foreground ) is the first URL.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 30, 2019 at 7:05 pm #1087154mikeb82
Thanks David,
Your solution does exactly what I needed to do.
Thanks again!
Mike
November 30, 2019 at 7:08 pm #1087158mikeb82
Resolved
December 1, 2019 at 5:02 am #1087648David
StaffCustomer SupportGlad to be of help
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 8, 2022 at 1:40 am #2181810Gerva
Good morning
OK with CSS I can solve the problem …
But a curiosity, I am using thema from Broadcast library.
I set the Blog page as archive instead of having it in home.Now I would like to have a background image underneath the different posts / the whole page.
Is there an Element/hook with Generatepress to do this?
ThanksApril 8, 2022 at 1:49 am #2181825David
StaffCustomer SupportHi there,
do you want to start a new topic, and share a link to the page where you want to apply the background image
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 8, 2022 at 3:35 am #2181909Gerva
Excuse me …
Given the title I thought I’d latch onto the topic.
OK open new topic.
ThanksApril 8, 2022 at 3:43 am #2181915David
StaffCustomer SupportNo problems – its just this topic is quiet old, and if you open a new topic you get access to the private information field where you can share URLs etc.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.