Jump to content
Sign in to follow this  
hireconrad

How to Remove border around Features Images?

Recommended Posts

hireconrad

Hi, i added a "New Website" ribbon on my feature images, however to make the ribbon look like its wrapping around the image, i added a boarder around each feature and had the ribbon extend into the boarder. I didn't realize that there is a background border and shadow to the features. How can i remove that so you can tell that there is a border around each feature image? also how do i limit the grey faded area of the text on each feature to only extend to the border edge (now it extends all the way to the actual edge of the image)?

Share this post


Link to post
Share on other sites
Danny
Hi, Add the following code to your custom CSS: [code]/*Fixes the text overlay so that it resides inside the feature */ #feature_slider .fcontainer.text-bottom .fcontent { position: absolute; left: 10px; bottom: 10px; width: 1050px !important; } /* Removes the shadow */ #feature-area { box-shadow: none !Important; } [/code]

Please search our forums, before posting!

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  

×