Archived topic
GP ignoring my changes - why?
12 replies · Started by Trish on April 30, 2022
Hi,
Tried changing the background as you showed me here: https://generatepress.com/forums/topic/want-colour-of-the-background-same-as-the-container-on-one-page/ that worked for THAT project, but... two other sites refuse to acknowledge this change.
Help? What am I doing wrong?
Hi there,
the ID needs to be updated.
First URL ( seo-failed-me/ ) use:
body.page-id-2 {
background-color: #fff;
}Other URL:
body.page-id-8003 {
background-color: #fff;
}So the rules are this. If you edit the Page you want to apply the CSS to, check out the URL in the browser and in there you will see ID=xx
And then update the body.page-id-xxxx in that CSS to match that ID.
OR alternatively view the page on the frontend, and Right Click -> Inspect the page to open the developers tools. On the Elements Tab look for the <body> tag, and in there will be a bunch of CSS Classes:
Thank YOU David! You ALWAYS provide the perfect resolution.
...
Wow, yet when I used the shortcut keys, Ctrl + U to see the raw code, I did find the other page ID ...BEFORE adding the CSS. Yet, now with the proper ID in place, I can no longer find the original ID.
I did assume the ID would be different, which was why I searched only for body.page-id, and yet... the same NUMBER appeared as in my original ticket with this same issue. That's the only reason I use it, thinking the ID was perhaps part of the theme itself and not unique to the site.
What I don't know about PHP, they've written books about, but I am quite familiar with HTML and CSS, so... now I'd love to know how the heck I came to find the other ID in the first place.
Hmmm... now, did I place that CSS code first and then look at the code? Maybe? Must have... I shall keep a copy of your screen print for future use, hoping to NEVER repeat this mistake.
Thanks again,
Trish
If you searched in the Elements tab then there's a chance it found the CSS you added that included the other page-id :)
Glad to be of help
Yes, that was my thought too. Yet, I distinctly remember checking only searching for "body.page-id" (without the quotation marks, of course) and finding the same number. But you're right... I MUST have put the CSS code on the page BEFORE searching, as that's the only reason that number would have been there. Not sure why I was thinking that way... but... you've got me fixed up once again.
I can ALWAYS count on you for a resolution to my issue(s) quickly and I truly appreciate your assistance. Thank YOU again David.
Have an awesome week!
Have an awesome week too :)
Hey David,
In creating another page, I checked the ID, which I found to be 40... https://www.awesomescreenshot.com/image/26570517?key=12800322d0ec1b74ca6e28862b370afb
yet, once I changed the code to be:
body.page-id-40 {
background-color: #ffffff;
}
Cleared the cache and STILL NOTHING happened to change the background.
Hi Trish,
I'm not seeing the CSS has been added to your site.
So it's likely a cache issue or there're some errors in your CSS file.
Nope... I've cleared the cache.
Okay... now THAT is really weird.
Below the Edit window... in the Simple CSS textbox, you can CLEARLY see that I have added the CSS.
However, when you said you couldn't SEE it... well, I went to Customize > Simple CSS and added it there... and POOF!
I don't get it...
I cleared the cache SEVERAL times yesterday and again today.
After seeing the change FINALLY happened instantly, I went back to Customize > Simply CSS and deleted it from there... and the change STAYED in place, which means the textbox below the Edit window is FINALLY being recognized. Sheeesh!
Thank YOU Ying!
I'm not seeing the entire simple CSS output file on this page.
Not sure if there's a plugin conflict or something else's going on.
Shhhhhheeeesh! There are fewer plugins in this NEW site then ANY of my other sites running GP... and yet that white space between blocks... I have the same issue with.
Just put the code BACK in the Simple CSS textbox under Appearance > Customize... and it is STILL in the Simple CSS textbox below the Edit window on the page.
Have even added your suggestion to REDUCE the white space under Customize... but... no change there. :'(
Hi Trish,
From my end, the code seems to be working as expected now.
See: https://share.getcloudapp.com/DOu47OGP
Also see: https://share.getcloudapp.com/OAu6eARj
Also see: https://share.getcloudapp.com/xQuq819r
Can you try clearing your browser's cache or try to view the page on a different browser?
Kindly let us know how it goes. :)
