displaying a sp pagebuilder module in cassiopeia chenged the appearance of the used hr lines - Forum | JoomShaper
Solved General

displaying a sp pagebuilder module in cassiopeia chenged the appearance of the used hr lines

Asked by Francis Heideveld 3 years ago Last activity 3 years ago

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.

Accepted answer

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

Hi 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.

  1. Screenshot you can upload on your website and just share link to it
  2. Where I can see the difference ?
  3. 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.

Francis Heideveld Asked this
3 years ago

Hello Paul, Thanks for the quick response.
I added your code in the user.css and that solved this hr problem.

Thanks a lot.
With kind regards,
Rien Heideveld

Paul Frankowski Senior Staff
3 years ago

you're welcome. Please mark as solved.

Log in to reply.