Jump to content


Photo
- - - - -

How to Remove border around Features Images?


  • Please log in to reply
1 reply to this topic

#1 hireconrad

hireconrad

    Super Member

  • Members
  • 155 posts
  • Country: Country Flag

Posted 15 July 2012 - 03:10 AM

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)?

#2 Danny

Danny

    Is Awesome!

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

Posted 15 July 2012 - 11:36 AM

Hi,

Add the following code to your custom CSS:

 /*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; }