Jump to content


Photo
- - - - -
Resolved

How To Add Vertical Lines Separating Morefoot Left, Middle & Right



Best Answer Danny , 08 November 2012 - 08:42 AM

Hi,

Use the code below to achieve this style, you will need to change both the color to your preferred choice and the border size.


 
#site .section-morefoot .widget-pad {
border-right: 10px solid whiteSmoke;
}

#site .section-morefoot .pplast .widget-pad {
border-right: 0 none;
}
Go to the full post


  • Please log in to reply
3 replies to this topic

#1 chules

chules

    Super Member

  • Members

  • 152 posts
  • Country: Country Flag

Posted 08 November 2012 - 06:44 AM

On two of the sites I am working on I have had the request to place vertical lines separating the Morefoot Left, Middle & Right Widget areas. The customers wish to have a vertical line between the left and middle morefoot widget section and also the same vertical line between the middle & right widget section.

I have been trying to figure out how to do this but can use some assistance. I have also attached an image mockup that shows this as well.

Any assistance with this is greatly appreciated. Thank you - chules

Attached Files



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16978 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 08 November 2012 - 08:42 AM   Best Answer

Hi,

Use the code below to achieve this style, you will need to change both the color to your preferred choice and the border size.


Please Login or Register to see this Hidden Content


  • WebIT likes this

#3 chules

chules

    Super Member

  • Members

  • 152 posts
  • Country: Country Flag

Posted 10 November 2012 - 10:43 PM

Dan,

Thank you this worked - chules

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16978 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 11 November 2012 - 12:06 PM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved