Page Load CSS ISSUE - Order of Styles activated and displayed are not correct

Comments

• Pablo

  May 2019

  Hi,

  Please disable all of the cache/minify plugins.

  I cannot take a look at your source code of your website.

  
  

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• kdzign

  May 2019

  OK  It will be done within 6hrs of this post   ty
• kdzign

  May 2019

  Turned off now
• Pablo

  May 2019

  This CSS is working fine.

  http://prntscr.com/nuaxik

  
  

  Remember, if you want to be sure that this code will be working, please apply the !important and the end of the css rule.

  Example:

  
  

  .cssClass{

  width: 100% !important;

  }
  

  
  

  But it's not created correctly, but as I see, you want to do advanced css code, and we do not support it at all.

  Also, why you don't turn on the "Full Width" option on that section on the top, as you do in the all of the below sections with this stripe.

  Thanks
  

  
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• kdzign

  May 2019

  Thank you!  
• kdzign

  May 2019

  Hello to be sure.. we are on the same thinking...  

  
  

  I am asking for a way or best practice to alter how the page load display occurs.. instead of some images loading then the CSS rules get styled..  to have the CSS rules styled beforehand 

  
  

  in my case its mainly for the Green graphic line separating the slider from the content below. 

  The page loads the green png image before the CSS rules get applied.. 

  
  

  Is this proper understanding from the first post?   thank you.

  
  

  
  
• Pablo

  May 2019

  I do not understand at all what you mean.

  The CSS rules will be working even if something(a green png in your case) will be loaded later.

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• kdzign

  May 2019

  Ok.. I apologize for any any misunderstandings.. my terms may not be correct.. 

  
  

  The home page for example.. as it loads .. for some reason you see the green .png separation image load up before anything else.. and it is at that moment.. not full width.. as other elements load like the slider etc.. moments later the CSS to change the green PNG to full width spanning the leftmost and rightmost edges of the device/browser border.  

  
  

  I am hoping to get advice/solution on how I change this behavior via a edit in some place that could allow the CSS to be present in load sequence BEFORE the Green png loads..  would this allow the appearance on page load to be what we are after.. 

  
  

  If we could even not display anything until all loaded elements are in place then display the rendered elements styled.. is something i've read about in articles ive tried to research..  I just wouldnt know how to edit the code in places where it would be appropriately safe from any updates overwriting.

  
  

  I've thought if there is a plugin for placing CSS in certain load areas etc..  just taken so many weeks that I bought more support to assist.. as I do not have anyone in my circle to address this issue for me. 

  
  

  Thank you
• Bryan

  May 2019

  hello,

  this is normal. Things load after each other, so html loads first, then css and JS. This is why you see this strange behaviour.

  Only sollution we could propose, is to use a pre-loader of some sorts. This could we either a custom script or a plugin. Pre-loaders help with those issues, they cover the page, and show it when it loads fully.

  thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• kdzign

  May 2019

  YES THANK YOU... I just need to find