This thread is resolved. Here is a description of the problem and solution.
Problem:
The issue here is that the customer had his slider dots pagination control but they were not aligned correctly.
Solution:
You can actually align them by using the css below and adjusting the margin values.
.pagination-dots{
margin-left: -40px !important;
}
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| - | 9:00 – 12:00 | 9:00 – 12:00 | 9:00 – 12:00 | 9:00 – 12:00 | 9:00 – 12:00 | - |
| - | 13:00 – 18:00 | 13:00 – 18:00 | 13:00 – 18:00 | 14:00 – 18:00 | 13:00 – 18:00 | - |
Supporter timezone: America/Jamaica (GMT-05:00)
This topic contains 7 replies, has 2 voices.
Last updated by 6 years, 9 months ago.
Assisted by: Shane.
Hi,
I am trying to:
Center the dot controls around my slider views. I created a view according to this guideline:
https://toolset.com/documentation/beyond-the-basics/showcase-content-using-post-sliders/
...only adjusting couple minor things. However, since the beginning, the control dots are slightly off-centre (see screenshot).
Link to a page where the issue can be seen:
hidden link (logged-in users only, need to have 2+ added bikes)
This is the CSS defining the position:
/* Size and center container div */
.slider-container {
position: relative;
max-width: 400px;
margin: 0 auto;
}
/* Position prev/next controls */
.wpv-filter-previous-link, .wpv-filter-next-link {
position: absolute;
top: 150px;
font-size: 400%;
}
.wpv-filter-previous-link {
left: -20px;
}
.wpv-filter-next-link {
right: -20px;
}
/* unset bottom margin of image when in slider */
.slides .featured-artists {
margin-bottom: 0;
}
I'm no programmer myself but tried all the basic possibilities to centre the dots (4-5 of them incl <center> tag, changing position between absolute and relative, working with the margins etc), none worked. Not sure what I did wrong, I think I followed the manual precisely.
Thank you in advance for any help!
Jan
