Page Builder Artciles override - Forum | JoomShaper
Solved SP Page Builder

Page Builder Artciles override

Asked by Lee Tempest 2 years ago Last activity 2 years ago

Hello,
I am building a page in Page Builder and using the Content / Articles Addon. This gives me a list of articles from my selected category and I can modify the number of columns / articles from the options.

However how can I override the actual output of the articles Add On so my frontend is displayed differently than simply a column of elements one after another?

https://sherpa-jfive.under-development.info/index.php?option=com_sppagebuilder&view=page&id=7&Itemid=157

The link above shows what I mean, I would like to change the order of the elements and their positions.

Which files(s) do I need to change?

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
2 years ago · edited

Hi Lee,

If you talk about:

  1. php/html code (front-end)- you have to override that file: components\com_sppagebuilder\addons\articles\site.php

Upload here (create folders) and then edit: templates\THEME-NAME\sppagebuilder\addons\articles

  1. CSS code - just preview html+css code using Code Inspector tool (browser) and use that knowledge. Important CSS Classes: .sppb-addon-article , .sppb-article-img-wrap, .sppb-article-info-wrap

Now whole rest is on your hands (keyboard).

Log in to reply.