Staff replied SP Page Builder

lost formatting of introductory text

Asked by Dagmar 3 years ago Last activity 3 years ago

Hello,
I wanted to position the posts from individual categories in a row for a landing page for all events using article-addons. this also works, but unfortunately the complete formatting of the introductory text is lost.
The display with the newflash module would work, but I can't find a setting to specify columns, e.g. 3 posts next to each other.
What can I do?
Thanks
Dagmar

This is how it looks like:
https://helix.doris-osterhues.de/index.php?option=com_sppagebuilder&view=page&id=39

And this is how it should look like:
https://helix.doris-osterhues.de/kurse.html

5 replies

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

Hi Dagmar,

the explanation is very simple: Articles addon by default REMOVE all HTML code from intro text. It's default behavior since SPPB 3.8.x. This is not bug, it's feature as we can say.

If you want to have similar view like from Articles component you have two options:

  1. Customize (and override) addon code and remove part of php code that cleans html marks.
  2. Use different "news" module, maybe even Joomla default articles_news or articles_latest can handle that - that module must be used inside Module addon.

Then in Row settings where you used addon (or module inside addon) - set full width.

Dagmar Asked this
3 years ago

hello Paul
Thanks for the quick answer., great
I have already tested with the Newsflash module, the introduction text remains formatted as desired, but I can't manage to place e.g. 9 posts in 3 rows of 3 articles.

Paul Frankowski Senior Staff
3 years ago

Joomla Core Modules are on your hands, this is beyond typical support. You have to use your CSS skills.

Dagmar Asked this
3 years ago

Hello Paul,
I have one more small question.
I have in the meantime removed the code for cleaning the html. This works wonderfully and have used the article addon to place my posts, see here:
https://helix.doris-osterhues.de/kurse-2.html

Now I would like to give the posts the same styling as here: https://helix.doris-osterhues.de/kurse.html

but I can't figure out how to set the background and border radius for each article. I made a screenshot and marked the area in red.

Would you have a tip for me again?

Thanks a lot
Dagmar

Paul Frankowski Senior Staff
3 years ago · edited

Small tip yes, but we cannot teach CSS here, so only sneak peak for free:

 .yogakurse .sppb-addon-article
 {background: #F8F8F8; border: 1px solid #E5E5E5 !important; border-radius: 0 0 6px 6px;}
 .sppb-article-img-wrap img {border-radius: 6px 6px 0 0;}

plus:
edit article addon (site.php) and move a.sppb-readmore into .sppb-article-introtext area

Log in to reply.