Pagination Dot Spacing

  • Resolved irocrob

    (@irocrob)


    2 years, 7 months ago

    I have 12 slides with the pagination enabled. Instead of one consistent line of pagination dots, I have 3 lines on top of each other with extremely too much spacing between the pagination dots. How do I reduce the spacing to make the span smaller and all dots centered at he bottom of the slide?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author simonpedge

    (@simonpedge)

    Your theme is overwriting the style for those pagination buttons:
    (blackdogsitting.com/wp-content/themes/rara-business-pro/style.css)

    button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    font-size: 0.8em;
    font-weight: 900;
    color: #0aa3f3;
    border: 1px solid #0aa3f3;
    background: none;
    padding: 18px 60px;
    border-radius: 5px;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

    (see the padding above)

    You can fix this by adding the following CSS:

    .sa_owl_theme .owl-dots .owl-dot {
	padding:0px !important;
}
    Thread Starter irocrob

    (@irocrob)

    Code added and back to normal appearance. Thank You. Cheers!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Pagination Dot Spacing’ is closed to new replies.