Strange Style Change
svimic
Hello and Happy New Year!
When upgrading SP Page Builder from v3.8.10 to 5.4.4 (compulsory to update Joomla - now on 4.3.3), the column in which the title of a page type Blog of category get a border and shadow ! And I didn't succed to target it with CSS.
Here is a screenshot before and after upgrading.
You can see it online: Live site versus Dev site
Also the banner gets smaller as if it was inside another container. What is really strange is that the inspector shows only a difference in the shadow color of #column-id-1524655660494 but I did not change anything except upgrading SPPB. Even more crazy it hat this is not an SP Page Builder page. As I said, it is just a category blog page.
Any idea what's wrong ? Note: the real domaine is https://dev2.gyre.ch which does not appear below. Second note: My home page is broken but that started after updating Joomla to v 4.4.10.
Thanks.
Paul Frankowski
Accepted AnswerAbout Building photo - there is small problem with your Flex template style in J5, that's why.
In older site, you had padding-right for menu, in new site - NO!
This is not my task, not our template (!), but that line should help
#sp-header .container > .row #sp-menu {
padding-right: 1.5rem !important;}Use it inside custom.css file in Flex template "css" folder. Put it before line with "/ mini front page pro /"
svimic
Accepted AnswerThanks Paul, all your answers are helpful and works. It's a long time I wasn't on that website, neither Joomla, so I need to be refreshed 😊.
I did the changes in the custom CSS as you suggested. And thank you for the CSS edit in Flex, I appreciate.
When applying updates, it is difficult to know where from the glitches comes from: Joomla, SPPB, the template, other extensions ? That is why I'm doing more simple websites nowadays, flat files with bootstrap.
Still, I have the "Home page not found" for which I have to find a solution before putting the website live. Should I ask here, on Applikko or on Joomla Forums ?
Paul Frankowski
Accepted AnswerHi.
Such things happen sometimes (sorry), such minor glitches. If you're a Windows OS user you've probably seen even worse.
About shadow in "Les News du GyRe", you have two options:
- Check that column settings, and remove all values in box-shadow field (set 0) everywhere
- OR use that Custom CSS inside Page Settings > Custom CSS tab:
#column-id-1524655660494 {box-shadow: none !important;}
Paul Frankowski
Accepted AnswerAbout Missing Images in Les News du GyRe section,
Probably you forgot to copy photo files from folder/images/2024-2025/ of old website.
Or ask template developer about details.
svimic
Accepted AnswerThe images are OK. I had not yet updated the images folder on the DEV site before.
And sorry for the delay to answer. I'm on various jobs at the same time. Thanks again.