Jump to content
Sign in to follow this  
manenberg

Banner height

Recommended Posts

manenberg

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

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×