Jump to content


Photo
- - - - -

How to remove padding on a specific page?


  • Please log in to reply
2 replies to this topic

#1 fiduciary

fiduciary

    Member

  • Members
  • PipPip
  • 11 posts

Posted 29 May 2012 - 02:46 PM

Hello,

I want to remove the default padding on one page only so that the content is flush with the border of the content area. The page is at

Please Login or Register to see this Hidden Content

.

This is done through custom CSS, right? I followed the guide

Please Login or Register to see this Hidden Content

, and entered the following code into the custom CSS box:

body.page-id-1367 div.mcolumn-pad {
padding: 0px 0px 0px 0px;
}

However, this changed the borders on every page, and I had to delete this code, go into the layout editor, and change them back to fix it. What am I doing wrong?

Thanks!

#2 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 29 May 2012 - 04:01 PM

The code you entered above looks fine so it should work. I think the reason it is not working is possibly two things. 1. You may have an error in other CSS on your site. Also, make sure you are ONLY entering custom CSS code in the Custom Code -> Custom CSS box. 2. You seem to have some error in the box code at the bottom of your page. You have a random closing p tag on the 3rd line below, and a random opening p tag on the second to last line. You should go through the entire code for that whole bottom section and make sure everything is correct.

Please Login or Register to see this Hidden Content



#3 fiduciary

fiduciary

    Member

  • Members
  • PipPip
  • 11 posts

Posted 30 May 2012 - 06:15 PM

Got it, thanks.