Reduce height of the slideshow image

• 

  smartassetpartners · Member · Oct 17, 2016 at 11:11 pm

  • Copy link
  • Add topic to favorites

  Hello

  Can someone please let me know how to reduce the height of the slideshow to minimum and to change the background image of the slideshow to white since tried to change the color through media settings but it did not work

  Would appreciate if you could let me know the CSS code that i could apply for reducing the height to bare minimum and to change the background image to white

  Theme – Twenty Twelve
  Blog Address – https://smartassetpartners.com/

  Please note iam non techy person so would appreciate if you could send me the exact css code which i could copy and paste into the editor

  Thanks

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

• 

  smartassetpartners · Member · Oct 17, 2016 at 11:12 pm

  • Copy link

  Hello

  Can someone please let me know how to reduce the height of the slideshow to minimum and to change the background image of the slideshow to white since tried to change the color through media settings but it did not work

  Would appreciate if you could let me know the CSS code that i could apply for reducing the height to bare minimum and to change the background image to white

  Theme – Twenty Twelve
  Blog Address – https://smartassetpartners.com/

  Please note iam non techy person so would appreciate if you could send me the exact css code which i could copy and paste into the editor

  Thanks

• 

  siobhyb · Member · Oct 19, 2016 at 1:29 pm

  • Copy link

  Hi @smartassetpartners,

  You can make the background of the slider white and reduce its height using the following custom CSS:

  .site-content .slideshow-window {
      background-color: #fff;
      border: 10px solid #fff;
      margin-bottom: 0;
      padding-top: 20px !important;
      padding-bottom: 30% !important;
  }

  Increase/decrease the value of padding-bottom in order to increase/decrease the height of the slider.

  Let me know how you get on with that or if any extra questions come up.

• 

  agencefishingcat · Member · Oct 19, 2016 at 8:13 pm

  • Copy link

  It’s perfect ! Do you kwon how reduce the size of the slideshow (height : 150px) ?
  I try : max-height: 150px;
  but it doesn’t work :(

• 

  agencefishingcat · Member · Oct 19, 2016 at 8:16 pm

  • Copy link

  Sorry ! the answer is in your post !! Thank you :)
  “Increase/decrease the value of padding-bottom in order to increase/decrease the height of the slider.”

• 

  siobhyb · Member · Oct 20, 2016 at 9:30 am

  • Copy link

  You’re most welcome! We’re right here if any extra questions come up, too.

• 

  smartassetpartners · Member · Oct 20, 2016 at 12:57 pm

  • Copy link

  thanks a million its looking great … just one more thing would like to ask if u could let me know

  how do i remove the underlines appearing on words in my pages since it looks quite unprofessional to see most of words being underlined due to links

  Please note iam non techy person so would appreciate if you could send me the exact css code which i could copy and paste into the editor

  Thanks

• 

  siobhyb · Member · Oct 20, 2016 at 4:28 pm

  • Copy link

  Hi @smartassetpartners,

  The following custom CSS will remove the underline effect for you. :)

  a {
      text-decoration: none;
  }