CSS Issue After Migration To J4 - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

CSS Issue After Migration To J4

S

Sandra97

Template 3 years ago

Hi,

I have some CSS which are not applied anymore after upgrading a site to J4 (on my dev server - the production site is still under J3).

That's the display before the upgrade

The display after the upgrade

The CSS for the text display and for fontawesome are not applied anymore, don't know why

I have also a SP Builder menu in the backend which is not supposed to be there and doesn't wwork anyway:

Can you tell me what's going on and how to fix?

Sandra

0
14 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #68397

Hi there!

Thanks for your query.

Kindly, check if you have enabled the fontawesome within the Advanced tab of your Template Options.

And the following doc will help you about the SP Page Builder menu:

https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-3/troubleshooting#how-to-remove-pagebuilder-menu-in-joomla-4-admin-area

However, I could not visit your site to check the Heading text issue.

Hope this helps!

Best Regards

0
S
Sandra97
Accepted Answer
3 years ago #68416

Hi Rashida,

Thanks for your answer.

  • I have no Fontawesome option in the advanced tap of the template options (whatever it's under 3 or 4). Only options are compression / scss / import export. Note that Fontawesome is enable on SP Page Builder option
  • Thanks for the link, it's now ok.
  • I can grand you an access, as the test site is offline

Looking for your help,

Regards,

Sandra

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #68420

Hi Sandra,

  1. yes, please share access to admin area using "Hidden Content" field
  2. Please disable CSS compression in Template Options - Advanced
  3. Make sure that you updated SP Page Builder Pro to last version.
0
S
Sandra97
Accepted Answer
3 years ago #68435

Hi Paul,

  1. It's disabled
  2. It's up to date

Thanks

Sandra

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #68438

About missing icons, you forgot to check that SP Page Builder Pro (new) is using Font Awesome 5 Free, not older 4.7, And your icons CSS style was for for old version only.

So do not use

font-family: FontAwesome;

anymore, but use

font-family: "Font Awesome 5 Free";

please update everywhere.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #68440

and you have to use

font-weight: 600;

for those icons (!) as well, to make them work.

0
S
Sandra97
Accepted Answer
3 years ago #68441

Yes about Fontawesome 5 but it appears that font-family: "Font Awesome 5 Free"; doesn't work either

0
S
Sandra97
Accepted Answer
3 years ago #68443

Update: when adding the font weight, it nows works fine. Thanks. One issue solved :)

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #68444

After I added (bold) look above it works. It's becuase "FREE" icons are only bolded :(

0
S
Sandra97
Accepted Answer
3 years ago #68445

Last thing about this thread, any idea why the title 'Each new patient' is not where it's supposed to be? The negative margin I had on J3 is not working anymore in J4 (in fact I noticed for several heading addons that the set up margins stopped to be applied)

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #68446

I am checking that .... weird, give me few minutes, please do not edit those home pages

0
S
Sandra97
Accepted Answer
3 years ago #68451

Ok, thanks Paul

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #68454

fixed, somehow negaive value for left margin wasn't used.

Like you had to header above.

Now is OK in FR and EN version.

0
S
Sandra97
Accepted Answer
3 years ago #68457

Thanks Paul for your help!

0