Jump to content
Sign in to follow this  
texasx

Page Unique Padding Settings For Side Columns

Recommended Posts

texasx    1
texasx

Hi,

 

I'm trying to set the padding for the side columns on each page induvidually.

The reason is to better align with the main content.

 

I've succeded, with help from you guys, to do this on the "Home" page. But I can't get it done on the rest.

 

This is the css code on the home page that works:

 /* To increase padding top on both side columns */
body.page-id-100 div.scolumn-pad {padding-top: 97px;
}   

 

Here are some versions I tried, without succes:

 

/* To increase padding top on SB1 in contact form */

body.page-id-105 div.scolumn-pad {padding-top: 86px;
}

/* To increase padding top on SB1 in contact form */
body.#page-id-105 div.scolumn-pad {padding: 6em 0 0.7em;
}

/* To increase padding top on SB1 in contact form */
body.#page-id-105 div.scolumn-pad {padding-top: 86px;
}
 
This is from Firebug
element.style {
    padding-top: 86px;
}
.scolumn-pad {
    padding: 6em 0 0.7em;
}

 

url: http://interactb2b.se/kontakt/

 

Greatful for your help

Share this post


Link to post
Share on other sites
texasx    1
texasx

Oops, I suddenly got it working.

Thanks for dropping by

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×