Making the slider smaller

  • Resolved jazzu

    (@jazzu)


    3 years ago

    Hi!

    I love this slider plugin. However, I need to change the size. The images and the price are too big for me.
    Also, on mobile view it only displays 1 product, plus it’s huge. How do I change the size? I want the slider to be normal size on mobile displays, meaning I’d like atleast 4 products shown.

    I tried with code, font-size doesn’t do anything..

    Thank you for your time

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter jazzu

    (@jazzu)

    Hi!

    Just an update if it helps anyone:

    I managed to make it the size I wanted it. I’m using Elementor and I didn’t make the slider full width. After that, I customized it using CSS. When trying to make changes with CSS, it’s important that you target the slider element only, so you need to specify the parent element and then the section you need to edit. For me it was div.elementor-container .price {.

    Also important: You NEED to use !important so the changes actually show up!

    Full code I used:

    div.elementor-container .price {
	font-size: 17px !important;
	color: red !important;
	margin-top: -3% !important;
}

    Hope this helps someone!

Viewing 1 replies (of 1 total)
  • The topic ‘Making the slider smaller’ is closed to new replies.