Awaiting an answer Templates

CSS issue after migration to J4

Asked by Sandra97 4 years ago Last activity 4 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

14 replies

Oldest first Newest first Most helpful
Sandra97 Asked this
4 years ago

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

Paul Frankowski Senior Staff
4 years ago

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.
Sandra97 Asked this
4 years ago

Hi Paul,

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

Thanks

Sandra

Paul Frankowski Senior Staff
4 years ago · edited

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.

Paul Frankowski Senior Staff
4 years ago

and you have to use

font-weight: 600;

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

Sandra97 Asked this
4 years ago

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

Sandra97 Asked this
4 years ago

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

Paul Frankowski Senior Staff
4 years ago

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

Sandra97 Asked this
4 years ago

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)

Log in to reply.