Site logo

Archived topic

change width pages individualy

5 replies · Started by Nico on September 6, 2016

Viewing posts 1–6 of 6

My site: http://www.dewereldvergaat.nl
Wordpress, themes and plugins are all the latest versions.

I would like to give the .separate-containers .inside-article area of each page their own width. I should be able to do that through CSS, but I don't have the identification of the pages.

In storefront it is: #post-126.post-126.page.type-page.status-publish.hentry (for page: plaatjes)
I tried that, but it doesn't work.

I did:
#post-126.post-126.page.type-page.status-publish.hentry .separate-containers .inside-article {
padding: 15px;
margin: 0px;
width: 80%;
}

Can you help me with the id of the pages:
plaatjes (images)
Winkel (shop)
Winkelmand (basket)
Checkout
mijn account

Hi there,

Your selector would be something like this:

.separate-containers .post-xx .inside-article

Hi Tom.

Thanks. Works great.

Next question: where can i find the page id of the other woocommerce pages than the shop.
The shop is 126

If you're using Chrome, right click on the page and select "Inspect".

In the <body> element, you'll see all of the classes, the ones with numbers are typically for the specific page you're viewing :)

Great help.
Works.
Thanks.

Awesome! Glad I could help :)

This archived topic is closed to new replies.