Background Color

[Janiani]

I'm using Digital Pro, and with some wonderful help from within this forum, I've created a sign up form on a page... http://www.janeunsworth.com/get-backstage-pass/

However, I want to change the background colors and although that's usually easy to do by identifying where the colors need to change it's not working in this instance...

This is the code that I get that let's me change the color:

.gd-full-width, .gd-full-width .site-container, .gd-full-width .site-container .site-inner, .gd-full-width .site-container .site-inner .wrap, .gd-full-width .site-container .content-sidebar-wrap, .gd-full-width .site-container main.content, .gd-full-width .site-container main.content > article.entry, .gd-full-width .site-container main.content > article.entry .entry-content {
width: 1140px;
background-color: #e9e4de;
}

But...

This is blocking the whole page from changing color

body.gd-transparent-background {
/* background-color: transparent!important; */
}

When I unclick it the whole page becomes the background-color I want, i.e. #e9e4de but I can't work out how to convert that into css language. Anyone?

Thanks in advance.

http://www.janeunsworth.com

[Brad Dalton]

Try deactivating all your plugins and then clearing all caching.

---

Tutorials for StudioPress Themes.

[Janiani]

Hi Brad

Thanks, but perhaps my query wasn't clear... Although I can turn off the transparent background color feature in Inspect Element, I don't know how to translate that into CSS to instruct the same? I've tried a range of things, but none worked.

Jane

[Brad Dalton]

When you modify the CSS rule using Inspect Element, it gives you the line number which enables you to find the same CSS rule in your child themes style.css file and modify it there.

---

Tutorials for StudioPress Themes.

[Janiani]

Thanks Brad

I only want it on one page.and was formerly using Jetpack's Edit CSS for all site modifications. The latest WP version knocked that out so am modifying in the customisation area on WordPress... it'll look like this...

/*Landing page for sign up*/
.page-id-22106 .gd-full-width, .gd-full-width .site-container, .gd-full-width .site-container .site-inner, .gd-full-width .site-container .site-inner .wrap, .gd-full-width .site-container .content-sidebar-wrap, .gd-full-width .site-container main.content, .gd-full-width .site-container main.content > article.entry, .gd-full-width .site-container main.content > article.entry .entry-content {
background: #e9e4de;
}

THEN

The code I'm missing to knock out the transparent-background-color that is hiding the pages ability to read the full color width...

Hope it's making sense?

[Victor Font]

The transparent background is coming from your Genesis Dambusters plugin. You won't find what you're seeking in the Genesis style sheet. Genesis does not create classes that start with 'gd'.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Janiani]

Thank you Victor, well spotted!!! That was it whoop!

Jane

[Author]

Posts