Solved SP Page Builder

Strange style change

Asked by svimic 1 year ago Last activity 1 year ago

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.

Accepted answer

Marked as the solution

Paul Frankowski Senior Staff

1 year ago · edited

About 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 Asked this

1 year ago

Thanks 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 ?

5 more replies

Paul Frankowski Senior Staff

1 year ago

Hi.

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 Senior Staff

1 year ago · edited

About 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 Asked this

1 year ago

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

svimic Asked this

1 year ago

I didn't think about that but finally why not.

Paul Frankowski Senior Staff

1 year ago

Look down