Jump to content


Photo
- - - - -

Add Lines Between Widgets In Sidebar


Best Answer The Cheeky Chick , 10 January 2013 - 02:59 PM

Hi :-)

 

Actually, I found this code on another forum/site which worked great -

 

#site .section-sb_primary .widget-pad {

border-bottom: 2px dotted #C2C2C2;
}
#site .section-sb_primary .pplast .widget-pad {
border-bottom: 0 none;
}
 
Thanks so much for your help :-)
Go to the full post


  • Please log in to reply
5 replies to this topic

#1 The Cheeky Chick

The Cheeky Chick

    Advanced Member

  • Members
  • 31 posts
  • LocationHouston
  • Framework Version:the most current
  • Country: Country Flag

Posted 02 November 2012 - 05:52 PM

Hi y'all :-)

I'm needing to add divider lines between my sidebar widgets, and have no idea how to do it... I'm new at this :-)

Jen

#2 The Cheeky Chick

The Cheeky Chick

    Advanced Member

  • Members
  • 31 posts
  • LocationHouston
  • Framework Version:the most current
  • Country: Country Flag

Posted 02 November 2012 - 05:52 PM

  • Oh - and I just use the right side bar :-)


#3 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 02 November 2012 - 06:04 PM

You can use Custom CSS:

Please Login or Register to see this Hidden Content


Please see this for further reference about adding a bottom border:

Please Login or Register to see this Hidden Content



#4 robdesigner

robdesigner

    Advanced Member

  • Members
  • 64 posts

Posted 14 November 2012 - 08:50 PM

this code works well, this is an example on my side widgets:


#sb_secondary .widget-title {font-size: 17px; border-bottom: 1.2px dotted #707070;}

#5 James B

James B

    Advocate

  • Moderators
  • 4978 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 15 November 2012 - 01:24 AM

Hi Jenjen, let us know if Rob's code worked for you.

#6 The Cheeky Chick

The Cheeky Chick

    Advanced Member

  • Members
  • 31 posts
  • LocationHouston
  • Framework Version:the most current
  • Country: Country Flag

Posted 10 January 2013 - 02:59 PM   Best Answer

Hi :-)

 

Actually, I found this code on another forum/site which worked great -

 

#site .section-sb_primary .widget-pad {

border-bottom: 2px dotted #C2C2C2;
}
#site .section-sb_primary .pplast .widget-pad {
border-bottom: 0 none;
}
 
Thanks so much for your help :-)