Granular ellipses control

gutterboy333
(@gutterboy333)

1 year, 1 month ago

I’m just wondering how come we can control many settings via the shortcode parameters, but not whether or not the ellipses show?

It’s also hard to hide them manually by CSS as the <li> tag they are in has no class to target it.

Thanks.

Viewing 10 replies - 1 through 10 (of 10 total)

Plugin Author AlanP57
(@alanp57)

1 year, 1 month ago

No one has ever needed to hide the ellipses.

Thread Starter gutterboy333
(@gutterboy333)

1 year, 1 month ago

There is a setting called “Hide Ellipses”; which as I recall was added as I made a good case for being able to hide it a number of years back.

Now we have that control in the settings, it would be nice to have control over it within the function call as well.

Since the plugin doesn’t allow you to have different configuration based on mobile/desktop, I have had to create two separate functions calls, one that uses the default, and another where I override the default settings; where desktop shows a lot more pages, and preferably the ellipses.

They need to be hidden on mobile due to lack of space…

View post on imgur.com

Plugin Author AlanP57
(@alanp57)

1 year, 1 month ago

The ellipses has a class, ‘gap’, which could be used in a CSS media query to hide on mobile.

`@media screen and (max-width: 768px) {
.gap {
display: none !important;
}
}’

Thread Starter gutterboy333
(@gutterboy333)

1 year, 1 month ago

Yep, however the margin-left is applied to it’s container LI element, so hiding the ellipses only still leaves you with an unnecessary margin.

Plugin Author AlanP57
(@alanp57)

1 year, 1 month ago

@media screen and (max-width: 768px) { .gap { display: none !important;

margin-right: 0 !important; } }

Try this.

Thread Starter gutterboy333
(@gutterboy333)

1 year, 1 month ago

That will only apply the margin to the “.gap” element, not it’s parent LI with the actual margin.
Plugin Author AlanP57
(@alanp57)

1 year, 1 month ago
The CSS selector for the <li> is ol.wp-paginate li and can be used like so:
```
ol.wp-paginate li {
  margin: 0 !important;
}
```
Thread Starter gutterboy333
(@gutterboy333)

1 year, 1 month ago

Trouble is, that will target ALL <li> elements, not just the one containing the ellipses.
Plugin Author AlanP57
(@alanp57)

1 year, 1 month ago
I can add a class to the li tag for the ellipse, ‘ellipse-gap’ and release a new version.
```
media screen and (max-width: 768px) {
  li.ellipse-gap {
    margin: 0 !important;
  }
}
```
The new version has been released.
Thread Starter gutterboy333
(@gutterboy333)

1 year, 1 month ago

Woops, sorry, missed this message.

Thanks very much for your help and doing that Alan 🙂

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Granular ellipses control’ is closed to new replies.