Jump to content


Photo
- - - - -

Featured Slider Images - Curved Corners

slider css featured slider

Best Answer James B , 31 May 2013 - 11:01 PM

Excellent :-)

 

The black is coming from an image which is applied behind the slider, its called black linen. You can remove with the below

 

#feature_slider #feature-area {
    backgroundnone repeat scroll 0 0 transparent;
    box-shadownone;
}
Go to the full post


  • Please log in to reply
4 replies to this topic

#1 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 31 May 2013 - 09:04 PM

I would like to add some CSS to round the corners of the images in my Featured Sliders. Just wondering if that is possible as the images are scrolling. Silly question maybe.

 

I have done it on another site by applying this CSS:

 

 

    border-bottom-left-radius3px;
    border-bottom-right-radius3px;
    border-top-left-radius3px;
    border-top-right-radius3px;
    box-shadow0 0 2px #000000;
 
It works fine on static images.
 
I'd hate to have to do this in Photoshop.
 
Beta website here: 

Please Login or Register to see this Hidden Content

 
Thanks for any and all suggestions / help!
 
:zoro:


#2 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 31 May 2013 - 09:43 PM

Hi there, yes you can apply it directly to the image container

 

Please Login or Register to see this Hidden Content



#3 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 31 May 2013 - 09:56 PM

 

Hi there, yes you can apply it directly to the image container

 

Please Login or Register to see this Hidden Content

 

Pretty good. Need to make the background white. Check it out ... Plus the CSS fix only worked in Chrome & Opera. added !important for FF



#4 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 31 May 2013 - 11:01 PM   Best Answer

Excellent :-)

 

The black is coming from an image which is applied behind the slider, its called black linen. You can remove with the below

 

#feature_slider #feature-area {
    backgroundnone repeat scroll 0 0 transparent;
    box-shadownone;
}


#5 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 01 June 2013 - 02:19 PM

 

Excellent :-)

 

The black is coming from an image which is applied behind the slider, its called black linen. You can remove with the below

 

#feature_slider #feature-area {
    background: none repeat scroll 0 0 transparent;
    box-shadow: none;
}
 
You da man James!
 
added !important to the code

 







Also tagged with one or more of these keywords: slider, css, featured slider