Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 7, 2019 at 6:19 pm #1154697
    HU_Dallas

    Hi there. I’m trying to decrease the size of the dots in the slideshow. I’ve targeted the class a.goto-slide and can make them bigger with no issue. If I try to make the width or height smaller than 10px it doesn’t change in size. I’ve tried using the !important property to override any css and that isn’t working. Any advice or suggestions would be greatly appreciated.

    November 8, 2019 at 1:30 pm #1154984
    Rikard

    Hey HU_Dallas,

    Could you post a link to where we can see the elements in question please?

    Best regards,
    Rikard

    November 8, 2019 at 11:11 pm #1155120
    HU_Dallas

    Sure, I’ll add the link in the private content area. Thank you

    November 10, 2019 at 4:59 am #1155284
    Rikard

    Hi,

    Thanks for that. Please try to decrease the padding to make them smaller:

    .avia-slideshow-dots a {
    padding: 5px;
}

    Best regards,
    Rikard

    November 11, 2019 at 5:06 pm #1155667
    HU_Dallas

    Hi Rikard,

    That didn’t seem to do anything after I tried that. Any other possible solutions you can think of?

    Thanks again for the assistance on this

    November 12, 2019 at 5:43 am #1155819
    Rikard

    Hi,

    Please try this instead:

    .avia-slideshow-dots a {
    padding: 5px !important;
}

    Best regards,
    Rikard

    November 12, 2019 at 10:12 pm #1156207
    HU_Dallas

    Hmm..I tried that too but with no luck. I don’t believe there’s any CSS overriding anything. If nothing can be done about getting them smaller just let me know and I’ll move on from this.

    Thank you

    November 13, 2019 at 8:51 am #1156311
    Rikard

    Hi,

    The previous solution worked in my browser, but you might have to add the height and width too:

    .avia-slideshow-dots a {
    height: 10px;
    width: 10px;
    padding: 5px;
}

    If it’s not applying then try to add !important; after the arguments.

    Best regards,
    Rikard

    November 13, 2019 at 7:53 pm #1156481
    HU_Dallas

    This worked, thank you for your help on this!

    November 13, 2019 at 11:04 pm #1156569
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Decrease size of content slide show dots’ is closed to new replies.