Support

Home Forums Event Espresso Premium Pagination

Pagination

Posted: January 29, 2015 at 9:15 pm


BMuse Studio

January 29, 2015 at 9:15 pm

Hi, I’m using EE4 and the shortcode [ESPRESSO_EVENTS limit=”3″] and no pagination shows up. What am I missing? Is there another shortcode I need to use to allow pagination?

Thanks


Dean

January 30, 2015 at 4:54 am

Hi,

I assume you have more than 3 events? If not pagination will not appear.

If you do have more than 3 active events, please provide a link to the page with the shortcode on.


BMuse Studio

January 30, 2015 at 10:26 am

Yes, I have 5 as of now, I just updated the plugin so lost a bit of formatting but page is here http://www.api-curious.com/classes-events/

Thanks


Lorenzo Orlando Caum

  • Support Staff

January 30, 2015 at 12:47 pm

Hi Modive,

You can inspect any element on a page using a free tool like Chrome Developer Tools (available with Google Chrome) or Firebug (available as a web browser extension).

This will show you the CSS that is handling the styling including the file and line number. Then you can add new styling to your child theme’s stylesheet or through a plugin like Reaktiv CSS builder or My Custom CSS.

Try this CSS:

div.ee-pagination-dv.clear {visibility: visible !important; display:inline !important;}

Then force refresh to see the changes:

http://en.support.wordpress.com/browser-issues/#force-refresh

It should then appear:

http://cl.ly/image/363g3M3t0y2N


Lorenzo


BMuse Studio

January 30, 2015 at 1:06 pm

Thanks for the feedback Lorenzo. I’m familiar with everything you mentioned. I added the css to my child theme style.css, set both to important. But I still don’t get it to show? Any other ideas?

Thanks


BMuse Studio

January 30, 2015 at 7:10 pm

Lorenzo, I made some progress on this, it seems the font-size was set to 0. Now the pagination is showing after altering that. Why do you think these items are set that way, to not show right out of the box?

Thanks


Dean

February 2, 2015 at 1:49 am

Hi,

Your theme has this code in it:

/* Clear Floats 
==================================== */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

This means that any div with the class of clear will be hidden and also set to font 0.

It is common practice for themes and plugins to use a div with the class clear, it can be very helpful in many situations and is an unofficial standard.

I find it a little weird that the developers aren’t aware of this, but instead make anything using div.clear un-viewable.

The support post ‘Pagination’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso