• Resolved superunknown90

    (@superunknown90)


    Hi when I try to customise a section background in css. It works great in the customiser. I am able to view my changes and I’m happy with them.

    But even after I press save and the code is still in the advanced CSS editor, he changes I’ve made using the css revert to how it was before even though the code hasn’t changed.

    The following is code for the advanced css editor. The only issue is the .contact-us and .section-header which keeps reverting.

    I have tried clearing my cache and reopening the browser.

    .separator-one {
    background: rgb(247,150,73);
    }
    
    .about-us {
    background:rgb(208,77,94);
    }
    
    .purchase-now {
    background:rgb(185,38,105);
    }
          
    .latest-news {
    background:rgb(185,38,105);
    }
    
    .contact-us {
     background-image: url("https://fabupnorth.com/wp/wp-content/uploads/2017/08/flowers-blooming-flowers-flower-buds-thorns-trunk-image-gallery.jpg") !important;
    }
         
    .section-header h2 {
      color: black;
      
    }

    Thanks

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You have a Coming Soon page, sir.

    Thread Starter superunknown90

    (@superunknown90)

    Sorry! I forgot to disable it.

    Please have a look thank you ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The CSS you’ve posted above is being applied to the page correctly, as seen in the source code: view-source:https://fabupnorth.com/wp/

    By looking at the source code you can also see some other CSS that is being applied (and overwriting your contact background image):

    
    <style type="text/css" id="wp-custom-css">
    			/*
    You can add your own CSS here.
    
    Click the help icon above to learn more.
    */
    
    /*
    body {
        background-image: url('https://www.northern-horizons.co.uk/_images/pictures/N005_473898204.jpg') 
     !important;
    background-size: cover;
    
    }*/
    
    body {
     background-image: url('https://fabupnorth.com/wp/wp-content/uploads/2017/08/fablogo1.png')
    !important ;
    
    }
    
    .header,
    .header-content-wrap,
    .packages,
    .contact-us {
        background: none repeat scroll 0% 0% rgba(0, 0, 0, 0) !important;
    }
    
    .big-title-container {
    background: rgba(240, 24, 0, 0.27);
    }
    
    		</style>
    

    Specifically this:

    
    
    .header,
    .header-content-wrap,
    .packages,
    .contact-us {
        background: none repeat scroll 0% 0% rgba(0, 0, 0, 0) !important;
    }
    

    That looks like custom CSS that was added at one time, so you should be able to remove the ‘contact-us’ selector from it. E.g:

    
    .header,
    .header-content-wrap,
    .packages {
        background: none repeat scroll 0% 0% rgba(0, 0, 0, 0) !important;
    }
    
    • This reply was modified 7 years, 6 months ago by Andrew Nevins.
    Thread Starter superunknown90

    (@superunknown90)

    Thanks so much! I didn’t realise I had additional CSS somewhere else.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS keeps reverting’ is closed to new replies.