[Todd BParticipant]

Hi again,

I’m on WordPress 3.8.1 running X – Child Theme: Integrity Light theme 1.0 with Integrity 1.75.

I’ve looked at several posts on the forum here, including this one: http://theme.co/x/member/forums/topic/color-change-questions/, but haven’t found a solution for something that seems like it should be easy to do. I want to change the color of the page content area from white to an off white color. I don’t know the exact color yet, because I need to test it against what is already there, but something close to #FFFFCC.

Here’s the site:
http://www1.smseafoodmarket.com/

Here are links to images that show the part I want to change. The first is the homepage where I have chosen Blank Container, No Header, Footer.

Homepage:
https://www.dropbox.com/s/hrqlld7vjae5ves/Homepage_SMS.jpg

The second is an inside page which is using the full width layout. Most of the site pages will use a similar format (without the slider).
Inner page:
https://www.dropbox.com/s/im3mjwi9xzibg3i/Inner_page_SMS.jpg

Can you give me the css to change these? I have looked for the element to change using inspect element in Chrome but haven’t been able to do it.

Thanks, Todd

[ChristianModerator]

Hey Todd,

In the Customizer > Custom > CSS, please add the code below.

.entry-wrap { background-color: white; }

Hope that helps. 🙂

[Todd BParticipant]

Thanks. Hard to believe it was that simple 🙂

[ChristianModerator]

You’re welcome Todd. 🙂

[ALYBTParticipant]

This reply has been marked as private.

[DarshanaModerator]

@alybt

The site that you have given is not using X theme. However you can use the Page IDs to add background colors to each page and also you can add rules to font colors.

.page-id-7 .entry-wrap {
    background-color: #336699;
}
.page-id-7 h4 {
    color: #fff;
}
.page-id-7 p {
    color: #fff;
}

Page ID, you can get it when you edit a page and on the address bar it will be visible as post.php?post=6&action=edit.

Hope that helps.

[Sulli1432Participant]

Hi there

Used this code

.entry-wrap { background-color: #121212; }

worked a treat however applied it to all the woocommerce pages??

can I apply an entry wrap to specific pages i.e front page?

regards

James

[RadModerator]

Hi James,

Sure, you can change it to this :

.home .entry-wrap { background-color: #121212; }

Cheers!

[Sulli1432Participant]

Thanks for the speedy reply!!

Will try it in a second..

Is there any way to add this background colour and a white section colour to product categories, blog and portfolio pages.

Presently items on these pages just foat on the background and are hard to differentiate.

Thanks again

James

[Sulli1432Participant]

assuming I need to change .home to .pages or products?

Was using the integrity dark theme but all my products were… well #121212

tried changing various css thingys here in the customizer but didn’t work? so changed to the light theme which solved the products looking s*** but have lost the dark features that I liked.. ie #121212 framing a white section.

As woo-bloody commerce kind of looks the way I want it I just want to add back the entry wrap #121212 border to all the product and account pages..

hopefully easily solving the issues.

changing to the light theme has also given me some weird white lines in places..

so in essence i want everypage to look like this..

https://candieyestudio.co.uk

[RadModerator]

Hi there,

You can target all woocommerce related pages like this,

.woocommerce .entry-wrap { background-color: #121212; }

and blog

.blog .entry-wrap { background-color: #121212; }

Though, I’m not sure what sections you’re referring, would you mind providing a screenshot of your target mockup?

As for the lines, please add this too,

.x-topbar, .x-navbar, .x-breadcrumb-wrap, .x-colophon.top, .x-colophon.bottom {
border: 0px;
    box-shadow: none;
}

Thanks!

[Sulli1432Participant]

Hi

Tried this and made it all that colour? reverted back for the time being.. also noted that since I put in this custom CSS that my portfolio media uploads don’t work and cornerstone crashes my site if I try to use it on portfolio pages?

Assuming this is a conflict 🙁 ffs!

this is the code I have in custom CSS:

.home .entry-wrap { background-color: #121212;
}
.h-custom-headline.accent span:before, .h-custom-headline.accent span:after {
border-top: 1px solid #121212 !important;
border-bottom: 1px solid #121212 !important;
}
.x-navbar {
background-color: #121212;
}
.woocommerce ul.products li.product-type-photography,
.woocommerce-page ul.products li.product-type-photography {
width: 22%;
}

@media screen and ( max-width: 979px ) {
.woocommerce ul.products li.product-type-photography,
.woocommerce-page ul.products li.product-type-photography {
width 48%;
}
}

This also seems to have made my tags transparent?

Feeling that as soon as I conquer 1 battle another is thrown at me??

woo-bloody-photography don’t work properly which kind of cuts the right hand off my site.. no support to be had for woo plugins!

My business is to find, book, amicably transact and display copywrited photos to clients.. dumped woo watermark as that really F****d the site and now I can’t even show client photos in a way that’s nice and easy for them!

Worked my butt off trying to sort these issues to get.. we don’t support 3rd party plug ins contact a developer..

Contacted developers.. No fricking reply!! Don’t want a site built just this one working as it should!!

Just started to get this one sorted and enjoy working with the theme but thinking is smugfuckingmug or something easier??

Busted my balls here ladies and gentlemen, esp as i don’t know crap about shortcode etc.. feeling a bit disappointed and let down tbh! woo-bloody-commerce just say its your fault and to be fair they have FTP’d to assist quite a bit so don’t knock them too much as not supporting you.

This is crunch time for me really because I am seriously running out of time.. I need this all working in a month or less.. I’m a photographer, not a developer or a bum eating pizza watching Jeremy Kyle all day with all the time in the world!!

If somebody at themeco / X there could seriously fix these transactional / woocommerce or whatever bloody thing you recommend or develop.. You truly would.. HAVE THE BEST WORDPRESS THEME!!

Very much.. Begging for help!

Sincerely

James

[RadModerator]

Hi James,

Thanks for reaching out. And since they said it’s caused by the theme, do they found out what causes the issue? CSS should have no effect on media functionality or even crashing cornerstone. What it can do is just messed up your layout.

Would you mind providing a video recording of how we could reproduce this issue? And please provide your admin login credentials in a private reply.

If it keeps on crashing, then it might be related to your hosting setup.

Thanks.

[Author]

Posts