Page color

mallorykite · January 2016

Hi Guys,

I would like to change the background color to white of this page ONLY: http://division-nautica.com/los-tesoros2/

Could you please help me with that?

Thanks!

Albert · January 2016

Hi,

you can change it's background color with the following css:

.page-id-2895 #Content { background: #FFF !important; }

mallorykite · January 2016

This changes the text and not the background... Could you help me change the background please?

Albert · January 2016

To change background instead of font color, please use background attribute instead. We already changed above css. Instead of color, we used background.

mallorykite · January 2016

great thanks!

Albert · January 2016

You're welcome!

mallorykite · January 2016

Hi guys,

Sorry to bother you again with this but I've pasted this in my css custom codes but the background isn't white:

.page-id-3016 #Content { background: #FFF !important; }

This is the page I want to have white background: http://division-nautica.com/los-tesoros/

Any idea why? Maybe because it's my Woocommerce page?

Thanks for the help

Albert · January 2016

Sorry but we do not understand where from you get the id for that page. Above page, does not have any id because it's archive page and only one css would work in that case:

.post-type-archive-product #Content { background-color: #FFF !important; }

mallorykite · January 2016

Oh ok! It did work. Could you please tell me how to find these pages ID? because now I would have to do the same with all woocommerce pages:

http://division-nautica.com/categoria-producto/f-one-kite/

http://division-nautica.com/producto/bandit-9/

Thanks for the help

mallorykite · January 2016

I found a way to change the different woo commerce pages by paste these codes:

.post-type-archive-product #Content { background-color: #FFF !important; }

.tax-product_cat #Content { background-color: #FFF !important; }

.single-product #Content { background-color: #FFF !important; }

But isn't it possible to paste one code for all SHOP / WOOCOMMERCE pages??

Thanks for the help

Albert · January 2016

To paste one code for shop/woocommerce, you can try to use .woocommerce class.

mallorykite · February 2016

perfect, thanks!

Albert · February 2016

You are welcome

mallorykite · February 2016

Hi guys,

How can I figure out the page ID of this page? http://division-nautica.com/catalogos-y-manuales/ I'd like to know how to do it so that I don't bother you...

Thanks

Albert · February 2016

When you hover on Edit button of that page in your dashboard, in the link at the bottom, you will see the ID.

mallorykite · February 2016

Not sure I get it, so if I see this for my Porfolio page: http://division-nautica.com/wp-admin/edit.php?post_type=portfolio

I should put .portfolio to make changes to this page?

I've tried these but it doesn't work:

.post-type-portfolio #Content { background-color: #FFF !important; }

.portfolio #Content { background-color: #FFF !important; }

Albert · February 2016

Is it single portfolio item? Or what?

mallorykite · February 2016

Never mind got it! thanks

Page color

Comments