Archived

This topic is now archived and is closed to further replies.

  • 0

Adding space between two sidebars


Question

Posted · Report post

Hi Guys,

 

This is bound to be so easy it's unbelievable, but it's got me stumped! 
I'm working on a layout for a client and I've got a three column layout: Main content | Sidebar 1 | Sidebar 2

 

What I need to do is add a little space (10px or so) between the two sidebars, but I just can't seem to find the way to do it. I've tried padding and margin on the sidebar div Id's. They have an effect, but not the right one.

 

You can see the layout I have so far here:

 

http://www.justinphnoble.com/nautech/

 

I need space between those two blue panels in the centre block. Please could someone point me in the right direction?

 

Any help would be very gratefully appreciated.

 

Many thanks

Justin.

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi,

 

First, I strongly recommend using Firebug for Firefox or Chrome's Inspection Tool.

 

Try adding this code to Dashboard > PageLines > Site Options > Custom Code on any new line below body {}

.two-sidebar-right #pagelines_content #sidebar1 {
    width: 47.9%;
}
#sidebar1 {
    background-color: #C9D7EB;
    margin-right: 10px;
    min-height: 300px;
}

Let us know if you need further assistance with it.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Rob,

 

Brilliant, Thanks... I'll give it a try. I use Code Inspector in Chrome but just couldn't seem to locate the correct thing to tweak :)

 

Thanks

Justin

Share this post


Link to post
Share on other sites

Posted · Report post

No problem.

Share this post


Link to post
Share on other sites