Skip Navigation

[Resolved] Additional CSS not injected after recent update

This thread is resolved. Here is a description of the problem and solution.

Problem: I have some CSS in Appearance > Customize, but it does not appear to be injected in the page source after recent updates:

.col-sm-2,.col-sm-6, {
  ...

Solution: Change the CSS selector syntax:

.col-sm-2, .col-sm-6 {
This support ticket is created 3 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

Tagged: 

This topic contains 5 replies, has 2 voices.

Last updated by johnh-18 3 years, 11 months ago.

Assisted by: Christian Cox.

Author
Posts
#1877077
col-sm-2-orig.jpg
col-sm-2-staging.jpg
update-failed.jpg

Tell us what you are trying to do?
I am working on a staging site which is updated with the latest toolset plugins while the original site is not.
The problem I am having is that my custom css code for col-sm-2 does not seem to work on the staging site which means that the space between columns are much wider than they should be. I believe that the problem may be due to a recent update so tried to update toolset types on the 'old' site but get an error saying 'Update failed: Download failed. Forbidden' - see attached image 'update-failed'.

So the question is, how can I override the bootstrap css?

I have attached 2 additional images where you also can see the css code:
- col-sm-2-orig this is the 'old site where I could overwrite the code with custom css
- col-sm-2-staging this is the 'new' site where I have the same custom css but it is not recognised

What is the link to your site?
thegreataddress.com
staging1.thegreataddress.com

Best regards / john

#1877223

Hello, can you clarify a bit? How is this overriding CSS added in the live site? Is it in Appearance > Customizer: Additional CSS, or in a View's CSS editor, or in Layouts CSS, or in a style tag in some content area?

Also, I'm having some trouble getting past the HTTP authentication on staging. Can you check and provide updated login credentials in the private reply fields here if necessary?

#1878261

Got it, thanks. I was able to log in and I'm investigating the issue now. Not sure why the CSS added in Appearance > Customize is not injected into the page just yet, but I'll let you know what I find out. I may need to temporarily deactivate some plugins and activate a default theme during my tests, but I'll revert to the way I found it once I'm done testing.

#1878263

Hi Christian,
OK, thanks for the update.
Best regards

#1878265

Seems like it was a CSS syntax quirk. This was the original code in Additional CSS:

.col-sm-2,.col-sm-6, {

I adjusted the classname selectors like so:

.col-sm-2, .col-sm-6 {

I see the CSS injected now and your padding overrides are applied as expected. Can you confirm this is correct now?
hidden link

#1878271

My issue is resolved now. Thank you so much!