Problem With Joomla 6 And Some Css
Amar Guillen
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
Toufiq
Accepted AnswerHi there,
Thank you for reaching out. Why do you think this is our product issue? Do you have any clue?
Best regards,
Toufiqur Rahman (Team Lead, Support)
Amar Guillen
Accepted AnswerHi 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?
Paul Frankowski
Accepted AnswerIf 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;
}