Problem With Joomla 6 And Some Css - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Problem With Joomla 6 And Some Css

AG

Amar Guillen

SP Page Builder 3 days ago

Hi,

I am migrating from Joomla 5 to Joomla 6. I have an issue with some css.

Here is the problem. On this page, there is a left menu named 'A Journey into the Heart of My Art': https://gpfa99.guillenphoto.com/en/all-fine-art-prints-of-amar-guillen.html As you can see the headings inside the menu have a style. That is fine.

On this page, there is another left menu named 'Discover en Feel': https://gpfa99.guillenphoto.com/en/all-fine-art-print-collections-in-1-click.html The style of the headings are different.

It seems that the problem is coming from that css: button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } SP Page Builder adds this code without specifically specifying that it should apply to elements that belong to it.

Would you help me to solve that issue?

Thanks

0
4 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 days ago #210580

Hi there,

Thank you for reaching out. Why do you think this is our product issue? Do you have any clue?

https://prnt.sc/D81Eqo4kY5lc

https://prnt.sc/v_f4YNwx5-Rl

Best regards,

Toufiqur Rahman (Team Lead, Support)

0
AG
Amar Guillen
Accepted Answer
3 days ago #210584

Hi Toufiqur,

thank you for taking care of my issue.

It is a test website to test Joomla 6. Some there are some mistakes like the breadcrumb not display. Thanks for noticing the problem.

The style of the headings are different on my browsers. I have attached two screenshots.

https://kdrive.infomaniak.com/app/share/118755/5b6c132a-30e6-4352-861d-2c20842bc62c

https://kdrive.infomaniak.com/app/share/118755/afeed1eb-5e31-4ecd-ac82-a27dcbd2af41

Do you see the differences?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 days ago #210585

If I may...

Breadcrumb is from Joomla itself, and could be overriden by template code, I don't see relation with SPPB! And your template does not belongs to Us.


About names in filter - you can always use Custom CSS to make small corrections, example:

#left .mod-menu__heading.nav-header {
  font-size: 14px;
  font-family: Roboto;
}
0
AG
Amar Guillen
Accepted Answer
3 days ago #210587

Hi Paul,

thank you very much for your reply.

I was not talking about the breadcrumb but just about the size of the headings of the menu.

Thanks for your css. It works fine for me. It is perfect.

All my best, Sincerely, A. Guillen

0