Articles Add-on. Some Tweaks - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Articles Add-on. Some Tweaks

S

SPD

SP Page Builder 3 years ago

Hi, I’m going to focus on using the Articles Add-on for big part of my site, a list type format, 1 Column. It fits better with what I’m doing. The main thing I would really like to do, which I wouldn’t be able to figure out myself, is to display the Intro Image to the left of the Article text as opposed to on top of it.

The following are additional ‘wishes’ that I figure I would ask just in case it would be possible. These all relate to how the articles look in the 'Articles Add-on' not the artycles themselves.

If the change just entails adding a class to my custom.css with the change I can work that out, like the heading stuff and read more stuff but the rest, probably not by myself.

  • Change the Article title Class (the link) to a smaller heading class like H4-H5
  • Change the read more class, bold maybe with some top/bottom margin
  • Change the date shown to Published or Modified as opposed to Created, adding both those dates (published and modified) would be ideal
  • Treat each entry as a ‘row’ with its own border and background or maybe add a divider between each one
  • Display Tags in a horizontal line
  • Last but not least, display Custom Fields, I can understand if that is not possible :-)

Again, just asking, if stuff above not possible, I tried ;-) Cheers and I hope this post finds you all well

0
2 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #75981

Hi there!

Thanks for your query.

These requests customization, but I have tried to give you some CSS codes although customization support is prohibited here:

.sppb-addon-articles .sppb-addon-article {
    display: flex;
    border: groove;
}
.sppb-addon-articles .sppb-addon-article .sppb-article-info-wrap h3 {
    font-size: 20px;
}
.sppb-addon-articles .sppb-addon-article .sppb-article-introtext {
    margin-bottom: 10px;
}
a.sppb-readmore {
    font-weight: bold;
}

Hope this will serve your purpose partially.

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

0
S
SPD
Accepted Answer
3 years ago #76007

Thank you so much, didn't realise that kinda stuff was a no-no. I do already have a custom.css which is tweaking some stuff so I will work on the examples you have given. Still just learning CSS but I'm sure I'll get there.

Regarding the different Dates, not asking for the code, just are they possible if I were to create an Override or is the information just not there? Something I have just been reading about :-)

Oh, similar for Tag, if I override could I somehow get the tags listed?

Have a good day!

0