Jump to content
sgendry

Perplexed: "enable debug" fixes mysterious custom css problem

Recommended Posts

sgendry    1
sgendry

Am perplexed.

 

Yesterday everything worked fine. Today my pagelines custom css only partially loaded.

In particular the following tags were ignored, even though they worked before and still work in chrome inspect element:

 

@media all {a {text-decoration: underline;}}
@media all {h1, .fpost .entry-title {font-size: 24px;}}
@media all {h2, .fpost {font-size: 18px;}}
@media all {h3, .fpost {font-size: 14px;}}

 

I deactivated every single plugin on my site thinking maybe there was a conflict. Nothing.

I did it again paying special attention to all the ones loading css stylesheets. Nothing.

Even with only the 4 pagelines stylesheets loading my h1, h2, h3 custom css above were ignored (and a couple of other minor formatting).

 

Then I clicked on advanced / enable debug and all my custom css get loaded again.

Unclick it and I am back to perplexed because it's not working.

 

What am I missing?

 

Here is the site: http://www.laughteryogaamerica.com

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

Anytime you save the changes inside the site options panel it will recompile the css, which could be why the changes are showing on and off. I've just tried your css above and on my test site and it's working ok, regardless of the browser size.

 

I would say first try the easy route and add !important to the declarations above to see if they remain. If not try adding the Pagelines overrides #site or #page prior to see if this overrules.

 

How are you adding your css? Via the base themes? Customize plugin or just into the main custom code box?


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
sgendry    1
sgendry

First things first: pagelines' commitment to the success of its users via this outstanding support forum is remarkable. Every question I ask is answered within hours, sometimes within minutes, with a high degree of professionalism. May you all thrive.

 

Am adding all my css in the pagelines sites option / custom code section of the main theme (I suppose this is what you refer to as the base theme).

 

I remain perplexed as this came out of nowhere as far as I can tell (which is a different way of saying that I am clueless).

It's not a plugin conflict. It's not my browser's cache.

Enable debug on = it works

Enable debug off = it doesn't

The impact is consistent and cross platforms.

 

I tried adding !important out of curiosity. Didn't work.

 

I do not understand what you mean with "adding the Pagelines overrides #site or #page prior to see if this overrules."

 

Can you give me an example?

Share this post


Link to post
Share on other sites
Simon    247
Simon

Enabling debug will NOT affect css in anyway.

 

Every time you enable/disable it you are saving the settings and recompiling the css.

 

So you might as well leave that turned off ;) You probably have a typo in your custom css and when you save it with the typo it is loading a backup.

 

So to start off, please paste us any custom less/css you are using, if its more than a few lines please please please use a paste service.

Share this post


Link to post
Share on other sites
sgendry    1
sgendry

Oh my oh my.

There was 1 " too many in my custom css, and I am guilty as charged.

I did it.

 

Thank you for your guidance. Am now a little wiser.

Now fixed.

Share this post


Link to post
Share on other sites
James B    436
James B

Excellent, glad you got it sorted :-)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • sfmstudios
      By sfmstudios+
      I'm using the boxes section on a local development site to play around with some options, and running into an issue.  
      Have the following settings for the boxes:
      Type: Images/SVC Media on Top Image Appearance: Standard/Default Image/Icon Width: 280px Image Opacity: 100% Each of my box images is 280x150 in size, but the result of the image on the box is a strange zoomed-in, cropped square (see attached).  I looked to adjust border properties via CSS, but couldn't find a fix.  What solutions are out there?

    • paoloimperiale
      By paoloimperiale+
      Hi, 
      I was wondering if there's a way to modify the slider container size? My client would like it skinner- not as tall. How would you suggest doing that?
      Thank you.
      (this is for the paoloimperiale.com slider on the homepage) 
    • flourishdesignstudio
      By flourishdesignstudio
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
    • jeomiland
      By jeomiland+
      What am I missing?
      at cassclayton.com/dev I have the main  area set as 2 column format in the content-width main area. When I drag a 2-columns section onto the page under the stuff in the main left column area I get that familiar "section added, refresh page to view..." message on the screen, but refreshing the page (cmd-r or browser refresh button) makes the newly added section disappear to I can't get to it to continue.  Have just tried several time today with no success.  Have had this sort of issue before. I don't consider the page layout to be that complex, so why is DMS not remembering the new columns section on refresh?  Is there some strange, exotic setting in my browser I need to tweak? (chrome 46.0.2490.80 Macbook pro)
      Also, I have this Alzheimer issue often when adding custom CSS code - I learned from Pagelines academy to click edit in an existing section, then click in 2 different text option boxes, which eventually causes the refresh icon in the DMS options panel to appear) but even then, sometime my css code is ignored and I have to add it again and eventually it gets updated. I know, I know - blame it on all the script that makes the interface work, but this really slows down my development time. Someone please tell me I'm missing some simple thing that makes all this refresh stuff work like a champ!
      1) what is best way to Refresh after adding something if the Refresh icon does not appear (as it hardly ever does when adding CSS code)?
      2) why does my new section disappear on refresh?
      3) what's the best way to create a 2-column content area within another column area?
      Site: cassclayton.com/dev
      Thanks
×