- This topic has 11 replies, 2 voices, and was last updated 2 years, 11 months ago by
Leo.
-
AuthorPosts
-
February 12, 2020 at 2:46 pm #1163494
Milos
Hi there.
I applied successfully a different image to the background for mobile using the simple CSS with your code from another thread by my Home page and my Γber mich (About) page with Merged Site Header. Unfortunately I could not adapt this code for Global Page Header on my Blog page and so I can not use a different image for mobile there. Could you give me an advice please?By the background images for mobile I lost the origin color for Header Title H1 and H2 #71535c brown. How can I get them back?
Thanks.
February 12, 2020 at 2:53 pm #1163504Leo
StaffCustomer SupportHi there,
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/February 14, 2020 at 10:20 am #1165591Milos
Hi there,
I already sent you a link to my website two days ago..
February 14, 2020 at 4:29 pm #1165766Leo
StaffCustomer SupportSorry we don’t get a notification when a link is added. Please comment here again next time when it’s added π
The CSS you are using should work for every page.
How are you adding it?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/February 15, 2020 at 5:04 am #1166057Milos
I see..I will do that next time π
I added in Elements/Global page header/Element Classes field “mobile-hero image” and then I copied your CSS code in Sites/Blog/Simple CSS metabox down with my image url inside:
`@media (max-width: 768px) {
.mobile-hero-image {
background-image: url(‘full_url_to_the_mobile_image’) !important;
}
}February 15, 2020 at 8:21 am #1166309Leo
StaffCustomer SupportInstead of adding that CSS in the simple CSS metabox, try adding it in the global simple CSS editor in the dashboard so it will apply to every page.
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/February 15, 2020 at 9:06 am #1166349Milos
Yes that works. But I would like to use an another picture for the blog and I will lost the possibility to do that when I add that CSS in the global simple CSS instead in the simple CSS metabox..
February 15, 2020 at 9:49 am #1166391Leo
StaffCustomer SupportTry this CSS in the global simple CSS editor (as the metabox doesn’t work on blog page):
@media (max-width: 768px) { body.blog .page-hero.mobile-hero-image { background-image: url(https://BLOG-MOBILE-BACKGROUND-IMAGE; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/February 15, 2020 at 11:29 am #1166447Milos
After I completed your CSS code with close bracket behind the image URL it works fine π
Thank you so much!I still have the problem with the title color by all mobile background images..as I wrote few days ago:By the background images for mobile I lost the origin color for Header Title H1 and H2 #71535c brown. How can I get them back?
February 15, 2020 at 2:16 pm #1166527Leo
StaffCustomer SupportI’m not seeing a topic for the other question.
Can you open one if you haven’t already done so?
I’ll mark this one as resolved.
Thanks π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/February 15, 2020 at 2:41 pm #1166530Milos
Thanks π
February 15, 2020 at 4:28 pm #1166574Leo
StaffCustomer SupportNo problem π
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.