Jump to content


Photo

Sidebar menu spacing, Add Line between sidebar and main content area?

sidebar menu vertical line

Best Answer Rob , 21 September 2013 - 09:14 PM

Hello Prasanna,

 

First, let me point out that we no longer provide support for PlatformPro.  It is officially deprecated.  I advise you to upgrade to DMS, which you'll find very easy to use and rich in resources.

 

That said, let me try to help you this time.

 

1 and 2. Using tools like Chrome's Inspect Tool, or http://getfirebug.com Firebug for Firefox, you can identify the CSS controlling the position of that area, and test changes.  Once it looks as you desire, you can copy it and paste it to the Custom Code section.

 

3.  Adding a line can be as simple as a border, or as complex as adding an image.  That's up to you.  I'd recommend http://www.w3schools.com/css/ to help you with examples of code.

 

Hopefully, this will get you the results you desired.

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 prasanna06

prasanna06

    Newbie

  • Members
  • Pip
  • 2 posts
  • Country: Country Flag

Posted 21 September 2013 - 07:57 PM

Hi, 

 

I am using Platform Pro to build my new website. I have left sidebar and main content as layout. I have a menu with 4 items in the sidebar. 

 

I would like some help and advice with the following please; 

 

1. I am looking to move the sidebar from the current top position to 100 px from top. (move it towards) This will make it more in-line with my content section and overall layout of the page. 

 

2. Increase spacing between the 4 items between menu. I would like to increase spacing by 10 - 20 px

 

3. Add a vertical line between sidebar and content section to differentiate between the two sections. 

 

Thanks

 

Prasanna

 

 



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 21 September 2013 - 09:14 PM   Best Answer

Hello Prasanna,

 

First, let me point out that we no longer provide support for PlatformPro.  It is officially deprecated.  I advise you to upgrade to DMS, which you'll find very easy to use and rich in resources.

 

That said, let me try to help you this time.

 

1 and 2. Using tools like Chrome's Inspect Tool, or http://getfirebug.com Firebug for Firefox, you can identify the CSS controlling the position of that area, and test changes.  Once it looks as you desire, you can copy it and paste it to the Custom Code section.

 

3.  Adding a line can be as simple as a border, or as complex as adding an image.  That's up to you.  I'd recommend http://www.w3schools.com/css/ to help you with examples of code.

 

Hopefully, this will get you the results you desired.



#3 prasanna06

prasanna06

    Newbie

  • Members
  • Pip
  • 2 posts
  • Country: Country Flag

Posted 23 September 2013 - 09:48 PM

Thanks Rob - Your suggestions worked. 

 

Many Thanks

 

Prasanna



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 24 September 2013 - 10:40 PM

You're very welcome!







Also tagged with one or more of these keywords: sidebar menu, vertical line