Hide #gk-mainbody-columns, #gk-mainbody...

How can we hide: #gk-mainbody-columns, #gk-mainbody on some pages and remain visible on other pages? Both seem to take up some white space at the bottom of some of my pages. I tried display:none however this had adverse affect on other pages.

Suggestions?

Try to use e.g.

Code: Select all

.frontpage #gk-mainbody-columns


Could you provide an URL to your website? and let me know on which pages do you want to hide/remove padding, then I'll try to prepare css for you.

Try to use e.g.

Code: Select all

.frontpage #gk-mainbody-columns


Could you provide an URL to your website? and let me know on which pages do you want to hide/remove padding, then I'll try to prepare css for you.

Piotr,

I am using post-name for my permalinks. If I create a custom page called "about-us" and wanted to remove the extranous "white space" at the bottom of my pages as per my OP what would the example target css be?

Code: Select all

.[name of page] #gk-mainbody-columns


??

Again, just want to target specific pages and not others and remove the white space.

You didn't provide your website URL, so I can't check exaclty, but this syntax is correct:

Code: Select all

.page-id-506 #gk-mainbody-columns


page ID (506) you may find when you editing your page in the backend (it's visible in the URL - ...?post=506...)