Help, New Articles Don't Align Right - Question | JoomShaper

Help, New Articles Don't Align Right

FM

Frank Maurits

SP Page Builder 2 months ago

Hi all,

Please, I need some help with this. I'm trying to update my site with a batch of fresh articles. However, the new ones don't align properly anymore. The intro image isn't top with the article below, but floating left and the content floating right. I cannot find anything wrong, all settings are exactly the same as previous articles, which still align correct.

To see whet I'm talking about, check the top article on my site here: https://landsnatuur.nl/natuurverhalen

I'm on SP Pagebuilder 5.3.4, Shaper Travelia 2.0.0, Joomla 5.1.1, all extensions/Joomla up to date.

Any help greatly appreciated!

regards, Frank

0
6 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 months ago #160577

Hi there,

Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. Add this css code inside the custom.css file.

.view-category.travelia-blogv2 article.item {
    display: flex;
    flex-direction: column;
}

Best regards,

Toufiqur Rahman (Team Lead, Support)

0
FM
Frank Maurits
Accepted Answer
2 months ago #160613

Hello Toufiq,

Partially solved! Almost there but not entirely...

The item now displays correctly in the category blog, BUT the item itself is still misaligned...

After adding your code it displays correctly here in the listing: https://landsnatuur.nl/natuurverhalen

However it still is misaligned if I open the article: https://landsnatuur.nl/natuurverhalen/de-vogels-van-het-deelerwoud

Do you have aditional code to fix this? I have cleared all cache, both in browser and in Joomla, but still is misaligned...

Thank you very much sofar, I hope we can tackle this final thing as well :)

best regards, Frank

0
FM
Frank Maurits
Accepted Answer
2 months ago #160719

Help, can anyone help me with the last bit? The problem is now already half solved, only the articla view still doesn't align properly.

regards, Frank

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 months ago #160805

Add this css code inside the custom.css file.

article.item {
    display: flex;
    width: 100%;
    margin-bottom: 25px;
    flex-direction: column;
}
0
FM
Frank Maurits
Accepted Answer
2 months ago #160850

Hello Toufiq,

Thank you so much! This fixed it, now both category and article view are looking as they should.

Best regards, Frank

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 months ago #160852

You are most welcome & Thanks

0