manenberg 0 Report post Posted June 22, 2011 Hi I have searched the forum but I cannot find an answer to this. I would like my 3 banners on my home page to be close together and to have a border that goes all the way around each one. i don't want the border to touch each other I would like it to look like 3 separate banners valoanguy Share this post Link to post Share on other sites
dmillbank 0 Report post Posted June 23, 2011 Hi Marc, In the dynamic.css (platformpro/css/dynamic.css) look at line 123. It should have the following line, or something like this: #banners .banner-area { border: 1px solid black; } Comment it out like this: /* #banners .banner-area { border: 1px solid black; } */ Now the current border should be completely gone. Next step is to add new separate borders for each banner. If I'm seeing it right you have some inline CSS looking like this: <div class="banner-text" style="width:100%;"> <div class="banner-text-pad" style="padding: 20px 60px"> It needs to be changed to this: <div class="banner-text-pad" style="margin: 20px; border: 2px solid;" margin="20px"> But that should do it. Share this post Link to post Share on other sites
dmillbank 0 Report post Posted June 23, 2011 Thanks for the karma. That was my first. What really helped me understand padding, margin and border CSS tags was following the box model: http://www.w3schools.com/css/css_boxmodel.asp I hope it helps somebody here. Share this post Link to post Share on other sites