Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 18, 2020 at 1:19 am #1246615
    sunvalleyskiclub

    I update the style sheet style.css and upload it to child theme and page does not reflect new style even though the site uses other styles from the style sheet. I prefer NOT to use Quick css area but have so much trouble getting styles to be recognized. I use the inspector with firefox to apply a style and it works then add to style sheet and upload and its not there. I used to dequeue the main style sheet and then load my style sheet afterwards but read this is no longer necessary so took the code out of functions.php.

    I have disabled css merging in Performance area and delete expired css on a regular basis but nothing much seems to help and then suddenly later it works. Very Frustrating! Please help me figure this out!!

    September 18, 2020 at 8:32 am #1246698
    Nikko

    Hey sunvalleyskiclub,

    Thanks for giving us admin access.
    Based on your description I believe you’re server uses built-in internal caching, if you have access to cPanel try to check it out there if there some settings to turn it off temporarily since caching improves performance and speed of your site but during development when it’s turned on it’s annoying since changes doesn’t take effect immediately.
    Sometimes the changes take effect but it’s not consistent. Aside from that I could suggest when using Chrome browser press ctrl + f5 when you refresh since it forces the browser to fetch new styles or scripts since browser also caches these files.

    Best regards,
    Nikko

    September 18, 2020 at 3:35 pm #1246841
    sunvalleyskiclub

    No internal caching as this does not happen with any other site or any other theme besides Enfold. I have cacheing set to zero on firefox for development and also tried a browser refresh but no change. I feel like this has to be Enfold not pushing the style sheet changes through.

    September 20, 2020 at 6:19 am #1247066
    Rikard

    Hi,

    Thanks for the update. I checked the CSS in your child theme and all of the code doesn’t have an ending semi colon, please try closing your code properly to see if that helps.

    @media only screen and (max-width:990px) {
  .responsive #top .av-main-nav .menu-item { display: none }

  .responsive #top .av-main-nav .menu-item-avia-special { display: block }
}

#header span.avia-menu-fx { display: none !important }
a { text-decoration: none !important }
#top .logo { padding-top: 0px; width: 300px; margin: 10px auto; float: none; height: auto }
h2.avia-caption-title { font-size: 60px; color: #094fa3; font-weight: 400; letter-spacing: -3px; 
	/* background: rgba(0, 0, 0, 0.1); display: inline-block; padding: 0 10px */ }
h2.av-special-heading-tag  { font-weight: 400 !important; letter-spacing: -2px }
.template-page .entry-content-wrapper h2 { letter-spacing: -1px }
.avia_image { border-radius: 10px }
.avia-button.avia-size-large { font-size: 18px; text-transform: uppercase }
.contact-us-content .container { max-width: 1000px !important }

    Best regards,
    Rikard

    September 21, 2020 at 12:28 am #1247199
    sunvalleyskiclub

    umm no – that syntax could not possibly be the issue – it is not necessary to close the last entry with a semi-colon.

    In CSS, semicolons are needed to separate each statement … However, the final semicolon in a set of statements is optional

    September 21, 2020 at 6:18 am #1247261
    Rikard

    Hi,

    I added this to the top of your style.css, and it’s applying as it should:

    div {
  border: 1px solid red;
}

    https://www.w3schools.com/Css/css_syntax.asp. Fix the syntax first, then let us know which CSS is not applying.

    Best regards,
    Rikard

    September 21, 2020 at 7:29 pm #1247445
    sunvalleyskiclub

    I figured it out – not a syntax issue – as I said semicolon at end IS optional – but a firefox problem. They must have changed how they are managing their cache as I had it turned off but that no longer worked properly.

    Open the developer toolbox (F12).
    Click the settings button.
    Scroll down to the Advanced settings.
    Check the option “Disable Cache (when toolbox is open)”.
    Refresh the page.

    September 22, 2020 at 9:21 am #1247545
    Rikard

    Hi,

    Great, I’m glad that you found the problem and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.