Displaying A Sp Pagebuilder Module In Cassiopeia Chenged The Appearance Of The Used Hr Lines
FH
Francis Heideveld
Hello, I'm using joomla 4 and the standard cassiopeia template. I discovered that adding a sp pagebuilder module on for instance my homepage this changed the way the horizontal lines (hr) I used in the showed articles. In the user.css I changed the hr code so it showed up thicker with a green color. This works fine, but when a module is placed in f.i. the banner position all the hr are changing .
Why is this happening and what is a sollution for this problem?
Whit kind regards, Rien Heideveld
P.S. I tried to insert some screenshots but wasn't able to.
Website
https://beterweten.org/
3 Answers
Order by
Oldest
Paul Frankowski
Accepted AnswerHi Rien,
in users.css you used:
hr {
margin: 1rem 0;
color: #0e603b;
border: 0;
border-top-color: currentcolor;
border-top: 3px solid;
opacity: 0.25;
}and yes, in theory everywhere the same style should be used. But don't forget that SPPB & template also have its own styles.
- Screenshot you can upload on your website and just share link to it
- Where I can see the difference ?
- If I may suggest you something, please modify your Custom CSS into that
hr,
.com-content-category-blog.blog hr,
.com-content-article.item-page hr {
margin: 1rem 0;
color: #0e603b;
border: 0;
border-top: 3px solid #0e603b !important;
opacity: 0.25; }and should solve your task.