Solved Templates

Articles addon removed gap between articles on its own

Asked by A Vogiatzis Brainfood Publishing 3 years ago Last activity 3 years ago

Hello team

We design a recipe website.

Suddenly without updates or something the space between the articles disapeared.

https://prnt.sc/0AsMKIsnX8Gz

Why this is happening?

We can't find some setting

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
3 years ago

Suddenly the articles in the mobile view shows like 2 articles in one page.

Fixed. I used also that:

@media screen and (max-width: 580px) {
.sppb-col-6, .sppb-col-3, .sppb-col-4, .sppb-col-8, .sppb-col-10 {
  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.sppb-addon-articles .sppb-addon-article {padding: 0px 10px;}
}

Yes, it should be fixed in next update.

Now is OK
info_636_2023.jpg

5 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
3 years ago

Hi,

Can you share link to that page? It will be faster.

Paul Frankowski Senior Staff
3 years ago · edited

Quick fix to add left & right space - custom CSS:

.sppb-addon-articles .sppb-addon-article {
  padding: 0px 5px; }
  1. Yes, of course you can change value from 5px to 10px.
  2. I will inform developer to take a look, and fix it in next urgent 4.09 update.
  3. Sorry for the inconvenience with this update.
A Vogiatzis Brainfood Publishing Asked this
3 years ago

Thank you Paul for the quick fix but we see that it doesn't apply on the responsive also.

Suddenly the articles in the mobile view shows like 2 articles in one page.

Provide you some admin credentials to check if that helps you.

Thank you in advance

Paul Frankowski Senior Staff
3 years ago

My CSS was quick, but I saw it helped on subpage /sundages

it added only space as you could see...

Yes, checking others...

A Vogiatzis Brainfood Publishing Asked this
3 years ago

Thank you very much for your help Paul

Log in to reply.