how to change featured slider image on watson

• 

  sweetmapleblog · Member · Apr 11, 2014 at 1:09 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I would to make my featured image smaller in the featured slider. What would the CSS code be? I found a couple but it didn’t work for watson, it was for a different theme.

  Thanks!!

  Laura

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Apr 11, 2014 at 4:27 pm

  • Copy link

  You can reduce the size of the featured slider images with the following in Watson. I arbitrarily entered 80%, but you can adjust it as you like.

  .responsive-slides .rslides img {
      max-width: 80%;
  }

• 

  thesacredpath · Member · Apr 11, 2014 at 4:30 pm

  • Copy link

  On second thought, use the following code instead which uses a media query to limit the size change to browser window/display widths greater than 600px so that the images will look better on tablets and phones.

  @media screen and (min-width: 600px) {
  .responsive-slides .rslides img {
      max-width: 80%;
  }
  }

• 

  sweetmapleblog · Member · Apr 14, 2014 at 1:25 am

  • Copy link

  Thanks so much!! I appreciate this help.

• 

  thesacredpath · Member · Apr 14, 2014 at 1:51 am

  • Copy link

  You are welcome.