Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Custom.css has stopped working on my site

Featured Lock Resolved Issue
Hi

I recently updated my website (https://fluxx.uk.com/) to latest Joomla (v3.8.2) and SP Page Builder (v3.0.2),

Now any changes I make to my /templates/shaper_helix3/css/custom.css are not being reflected in the front end of my site.

Have tried clearing cache on browser and Joomla backend and nothing I do seems to apply changes I make to the custom.css file to front end website.

Please help me to resolve.

Thanks
Peter

14 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
the latest version of SPPB Pro is 3.0.3, correct or update
----
Your templates/shaper_helix3/css/custom.css :
1) Is loaded correct by browser
but
2) seems to be compressed (by you), maybe during compression something was broken in code.

For sure Joomla update couldn't damage anything.
But If you had before SPPB 2, maybe class name was changed.

Peter Hay

More than a month ago #Permalink
Hi Paul

I am currently running SP Page Builder v3.0.2 and have not intentionally compressed anything and am confident the class name has not changed.

Should I upgrade to SP Page Builder v3.0.3 to see if this fixes the problem? Or is the some other setting to change to stop the compression?

Thanks
Peter

Paul Frankowski - Staff

More than a month ago #Permalink
Peter, think, yes, each SPPB update is better. Changelog.

Paul Frankowski - Staff

More than a month ago #Permalink
About custom CSS hard to say.
Can you give me example what should be changed & how and is not.

Peter Hay

More than a month ago #Permalink
Hi Paul

I upgraded to SP Page Builder v3.0.3 and the issue still exists.

Attached are the following screen shots to illustrate an example....

CSS Issue 001.jpg
Shows a screen shot of my custom.css file where I have changed color of class from #56b5d0 to yellow.

CSS Issue 002.jpg
Screen shot of my website and developer tools showing that original color still being taken from custom.css

What looks to be different to me now is all custom CSS when viewed in Developer Tools on chrome show as custom.css:1 when before I think they actually showed the correct row number in my custom.css file e.g. custom.css:123

Please can you advise on what I try next to resolve this issue?

Thanks
Peter

Attachments (2)

  • CSS Issue 001.jpg
    CSS Issue 001.jpg 16.8 KB
  • CSS Issue 002.jpg
    CSS Issue 002.jpg 292.1 KB

Paul Frankowski - Staff

More than a month ago #Permalink
But inside your custom.css
I see
.fluxx-blue{color:#56b5d0}

not yellow

Attachments (1)

  • blue.png
    blue.png 3.9 KB

Paul Frankowski - Staff

More than a month ago #Permalink
So maybe problem is inside browser cache or Joomla cache, not in custom.css itself.

Peter Hay

More than a month ago #Permalink
But inside your custom.css
I see
.fluxx-blue{color:#56b5d0}

not yellow


Paul - I have now uploaded custom.css version where it says yellow but front end still now showing blue. Tested in Chrome, Edge and Firefox browsers on my machine and all showing still as blue colour.

Peter Hay

More than a month ago #Permalink
Paul

All of a sudden it looks to be working again?

Did you make a change?

Peter

Peter Hay

More than a month ago #Permalink
Paul

All of a sudden it looks to be working again?

Did you make a change?

Peter


And has now stopped working again

Paul Frankowski - Staff

More than a month ago #Permalink
Me, How? I do not have access to your site.

Peter Hay

More than a month ago #Permalink
I didn't know whether you had made any config changes.

Well, something I have changed looks to now have made custom.css show properly. Let me investigate further to see if something has somehow resolved itself

Paul Frankowski - Staff

More than a month ago #Permalink
It sounds stupid.... but copy whole CSS code from custom.css here (screenshot )

Maybe somehow your custom.css is recovered from back-up automatically. I have no idea why.
I use Helix since v1 and never had similar case.

Attachments (1)

  • custom_css_field_helix3.png
    custom_css_field_helix3.png 9.9 KB

Peter Hay

More than a month ago #Permalink
OK, thanks will also try that


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 128
Sifat

Sifat

Total Accepted Answers: 81
Toufiq

Toufiq

Total Accepted Answers: 66
Pavel

Pavel

Total Accepted Answers: 6
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 5

114

Templates

293399

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us