Title: Granular ellipses control
Last modified: February 14, 2025

---

# Granular ellipses control

 *  [gutterboy333](https://wordpress.org/support/users/gutterboy333/)
 * (@gutterboy333)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/granular-ellipses-control/)
 * 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](https://wordpress.org/support/users/alanp57/)
 * (@alanp57)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/granular-ellipses-control/#post-18307179)
 * No one has ever needed to hide the ellipses.
 *  Thread Starter [gutterboy333](https://wordpress.org/support/users/gutterboy333/)
 * (@gutterboy333)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/granular-ellipses-control/#post-18307601)
 * 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](https://imgur.com/avkHH6c)
 *  Plugin Author [AlanP57](https://wordpress.org/support/users/alanp57/)
 * (@alanp57)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/granular-ellipses-control/#post-18310799)
 * 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](https://wordpress.org/support/users/gutterboy333/)
 * (@gutterboy333)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/granular-ellipses-control/#post-18311084)
 * 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](https://wordpress.org/support/users/alanp57/)
 * (@alanp57)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/granular-ellipses-control/#post-18311854)
 * `@media screen and (max-width: 768px) {
    .gap { display: none !important;
 *  `margin-right: 0 !important;
    }}
 * Try this.
 *  Thread Starter [gutterboy333](https://wordpress.org/support/users/gutterboy333/)
 * (@gutterboy333)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/granular-ellipses-control/#post-18311995)
 * That will only apply the margin to the “.gap” element, not it’s parent LI with
   the actual margin.
 *  Plugin Author [AlanP57](https://wordpress.org/support/users/alanp57/)
 * (@alanp57)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/granular-ellipses-control/#post-18313281)
 * The CSS selector for the <li> is ol.wp-paginate li and can be used like so:
 *     ```wp-block-code
       ol.wp-paginate li {  margin: 0 !important;}
       ```
   
 *  Thread Starter [gutterboy333](https://wordpress.org/support/users/gutterboy333/)
 * (@gutterboy333)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/granular-ellipses-control/#post-18314267)
 * Trouble is, that will target ALL `<li>` elements, not just the one containing
   the ellipses.
 *  Plugin Author [AlanP57](https://wordpress.org/support/users/alanp57/)
 * (@alanp57)
 * [1 year, 1 month ago](https://wordpress.org/support/topic/granular-ellipses-control/#post-18315816)
 * I can add a class to the li tag for the ellipse, ‘ellipse-gap’ and release a 
   new version.
 *     ```wp-block-code
       media screen and (max-width: 768px) {  li.ellipse-gap {    margin: 0 !important;  }}
       ```
   
 * The new version has been released.
 *  Thread Starter [gutterboy333](https://wordpress.org/support/users/gutterboy333/)
 * (@gutterboy333)
 * [1 year, 1 month ago](https://wordpress.org/support/topic/granular-ellipses-control/#post-18339109)
 * 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.

 * ![](https://ps.w.org/wp-paginate/assets/icon-128x128.png?rev=1566512)
 * [WP-Paginate](https://wordpress.org/plugins/wp-paginate/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-paginate/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-paginate/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-paginate/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-paginate/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-paginate/reviews/)

 * 10 replies
 * 2 participants
 * Last reply from: [gutterboy333](https://wordpress.org/support/users/gutterboy333/)
 * Last activity: [1 year, 1 month ago](https://wordpress.org/support/topic/granular-ellipses-control/#post-18339109)
 * Status: not resolved