Archived topic

Content not displaying correctly on archive pages

9 replies · Started by Rachel on February 1, 2021

Viewing posts 1–10 of 10

February 1, 2021 at 2:56 am #1641339

Hi there, I have an issue with my WP show posts widget content not displaying correctly on my category and tag archive pages correctly.

On my pages and single posts, the footer widget 1 and sidebar Recent Posts widget (which both use WP show posts widget) displays with the correct padding. However on my archive pages the widget content has much larger padding between each URL in both the sidebar widget and the footer widget.

I think it is picking up the container top spacing, but I don't know how to fix the issue - are you able to assist?

Thanks,
Rachel

February 1, 2021 at 4:34 am #1641435

Hi there,

try adding this CSS:

.one-container.archive .sidebar .post.wp-show-posts-single {
  padding-bottom: 0;
}

February 1, 2021 at 2:13 pm #1642120

It is an issue in the footer widgets too, so I added this code below - is that correct/efficient or is there a better way?

.one-container.archive .sidebar .post.wp-show-posts-single {
padding-bottom: 0;
}

.one-container.archive .footer-widgets .post.wp-show-posts-single {
padding-bottom: 0;
}

Also, can you explain why it is occurring, as I have another GP site with WP show posts and this is not happening. Thanks!

February 1, 2021 at 6:30 pm #1642282

Can you link me to the two pages so I can compare the differences?

February 1, 2021 at 8:17 pm #1642361

Hi Leo, I have already added the suggested code to the problem site, but have linked the two sites below for you to take a look at if that still helps. Can you also let me know if the code I have added is suitable? Thanks.

February 2, 2021 at 3:25 am #1642669

Hi there,

Also, can you explain why it is occurring, as I have another GP site with WP show posts and this is not happening. Thanks!

The 2 sites seems to be using 2 completely different style.min.css.

Is the CSS not working on your end? Let us know.

February 2, 2021 at 3:31 am #1642673

Hi, yes they are separate sites but I thought I had built them the same way- but there must be different settings impacting how WP show post widgets are displaying for one to need this css fix and the other doesn't. It doesn't matter - I was just interested in what might be impacting the widget.

The css above is working - can you confirm the way I listed it is the most efficient way to add it as additional CSS?

Thanks,
Rachel

February 2, 2021 at 7:15 am #1643034

You can can comma separate multiple CSS selectors to apply same rules like so:

.one-container.archive .sidebar .post.wp-show-posts-single,
.one-container.archive .footer-widgets .post.wp-show-posts-single {
  padding-bottom: 0;
}

February 2, 2021 at 2:19 pm #1643524

Great, thanks. All working.

February 3, 2021 at 2:34 am #1643955

Glad we could be of help

This archived topic is closed to new replies.

Start building better websites today.