Gallery carousel issues

• 

  grassoart · Member · Oct 15, 2016 at 9:29 pm

  • Copy link
  • Add topic to favorites

  Hi, I would like to move the close button on the right and make it bigger, I already tried using this code `.jp-carousel-close-hint span {
  height: 50px !important;
  width: 50px !important;
  font: 40px !important;
  }
  ` but it didn’t work.

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

• 

  siobhyb · Member · Oct 17, 2016 at 11:22 am

  • Copy link

  Hi Marco,

  To increase the size of the button, try adding more specificity to your custom CSS. Targeting .jp-carousel-transitions .jp-carousel-close-hint span worked to override the theme’s default CSS for me:

  .jp-carousel-transitions .jp-carousel-close-hint span {
      height: 50px;
      width: 50px;
      font-size: 40px !important;
  }

  In addition: I used font-size in place of font in the above CSS. The !important command should only be need to override the default font-size, also.

  The following snippet then worked to move the button to the right side of the gallery:

  .jp-carousel-transitions .jp-carousel-close-hint span {
      right: 0;
      position: absolute;
  }

  Hope that helps! Let me know if questions come up regarding either of the above snippets.

• 

  grassoart · Member · Oct 17, 2016 at 11:30 am

  • Copy link

  It’s perfect, thanks!

• 

  siobhyb · Member · Oct 17, 2016 at 12:49 pm

  • Copy link

  Awesome! We’re right here if extra questions come up, too.