Custom CSS

If you want to visually fine-tune the gallery you can apply a custom CSS rules on your side or contact our support team to help you out.

To learn how to add custom CSS to your theme check this guide.

Here are some examples of what you can change:

  /* Main container border radius (round corners) */
  .pmslider-own--slides-wrapper {
    border-radius: 15px;
  }

  /* Thumbnails border radius (round corners) */
  .pmslider-dots--type-thumbs .pmslider-dots_dot {
    border-radius: 5px;
  }
  
  /* Arrows thickness */
  .pmslider-arrows_area svg {
    stroke-width: 32px;
  }
  
  /* Arrows size 80% of the originla */
  .pmslider-arrows_arrow {
    transform: scale(0.8)
  }

A custom badge CSS

.pmslider-own--slides-wrapper:after {
    content: 'Sale';
    background: #cae6a7;
    color: #035703;;
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 12px;
    width: fit-content;
    margin: 16px 20px;
}