by Howard B. Richman
Have you ever tried to make a landing page and you want the background color to be different than the site settings? I love the Dynamik child theme but sometimes it is just overwhelming when you want to do something that should be simple. I actually did spend a couple of days working on this issue and finally figured something out. I’m sure there are many ways to achieve these results but I want to share what worked for me.
This allows you to customize the color of a selected page without interfering with the color scheme of your chosen site style.
1) Convert the Page in Question to a “Landing” Page
Edit > Template > Landing
2) Determine the Page ID
You can either look at the URL for “post=xxx” when you are editing mode, or you can search for “page-id” by checking the page source.
3) Determine the Hexadecimal of the Color you Want
There are many ways to do this. Just do a bit of search and you will see what this is all about.
4) Swap the Page ID and the Chosen Hexadecimal Color in the code below
Copy and paste the code below into a text editor and make your swaps.
.page-id-29, .page-id-29 .site-header, .page-id-29 .site-container, .page-id-29 .content, .page-id-29 .site-inner, .page-id-29 .entry-content, .page-id-29 .status-publish {
Background: #d0986b;
}
5) Paste Your Modified Code Into the Dynamic Website Builder
Dynamik > Custom > CSS
6) Republish the Page in Question
Voila!!
The following websites were somewhat helpful in figuring this out but mostly it was trial and error!!
https://wpbeaches.com/adding-attribute-html-section-genesis/
https://www.youtube.com/watch?v=SXERmec8bSI
