CSS not applying in wordpress

cnl83
cnl83 used Ask the Experts™
on
So all I did was change colors in the default.css file and it worked the first time. I didn't like the color and went change the colors again and no matter what I do it will not apply. I have tried cache, phones, proxy sites etc.

.btn,
.stitched {
    font-weight: 400
}

#customize-controls [id*=enigma_theme_option]>h3:before {}

#accordion-section-enigma_more h3.accordion-section-title {
    background: #e91e63;
    color: #fff
}

#accordion-section-enigma_Rate h3.accordion-section-title {
    background: #579fc3;
    color: #fff
}

.stitched {
    padding: 20px;
    margin: 10px;
    background: #558a9a;
    color: #fff;
    font-size: 17px;
    line-height: 1.3em;
    border: 2px dashed #fff;
    border-radius: 10px;
    box-shadow: 0 0 0 4px #558a9a, 2px 1px 6px 4px rgba(10, 10, 0, .5);
    text-shadow: -1px -1px #aa3030
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.upsell-enigma {
    float: none;
    border: 1px solid rgba(204, 204, 204, .68);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
    margin-bottom: 20px;
    padding: 10px;
    overflow: hidden;
    word-wrap: break-word;
    background: rgba(255, 255, 255, .6)
}

.btn-success {
    color: #fff;
    background-color: #3ca3e0;
    border-color: #4cae4c
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.upsell-btn a:hover {
    color: #fff
}

.versionhd {
    font-size: 16px;
    color: #000;
    font-weight: 700
}

.versionhd span {
    color: #3f7125;
    font-size: 12px
}

a.button.enigma_pro1,
a.button.enigma_pro1:hover {
    padding: 7px;
    height: 45px;
    font-size: 18px;
    color: #fff;
    background: linear-gradient(141deg, #0fb8ad 0, #1fc8db 51%, #2cb5e8 75%)
}

#accordion-section-enigma-pro h3.accordion-section-title {
    color: #fff;
    font-size: 19px;
    background: linear-gradient(141deg, #0fb8ad 0, #1fc8db 51%, #2cb5e8 75%)!important
}

h2.pro_title {
    text-shadow: 2px 2px 2px #ccc
}

#accordion-section-enigma-pro h3.accordion-section-title:hover {
    color: #fff!important
}

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Hi,
Check in the WP backend it may have additionnal cache, also you can check in your hosting company panel some have extra cache.

Also you can make your link update auto in browser based on the date, if newer from the one from the cache it will load the file again.

<?php echo '<link rel="stylesheet" type="text/css" href="css/theme.css?' . filemtime('css/theme.css') . '" />'; ?> 

Open in new window

David FavorFractional CTO
Distinguished Expert 2018

Commented:
Best to provide the actual URL of your site + .css theme.

Likely what's occurring is your Web server has set the MIME type related to your .css files to some large value + your .css files aren't serving with a foo.com/theme.css?version=X.X.X.X parameter.

WordPress (generally) appends a version parameter each time any file changes, like .css + .js if the file serves via standard WordPress mechanisms.

So likely what's occurred is you've changed your theme.css file + have no ?version=... parameter affixed, so what will occur is the theme.css changes will only show up in a browser days to years later, depending on expires tags pass for MIME .css files.

All this is just guessing.

The way to know for sure will be for you to post an actual, clickable URL to test.

Author

Commented:
acadiananetworksolutions.com
Success in ‘20 With a Profitable Pricing Strategy

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

What you can do is to use another browser and check if the new css is applied.

Even if I have the website url I don't know which item and which color to look for...

Author

Commented:
Well the buttons should be #a11702
Yes I have checked and the buttons are red
#a11702;

Open in new window

David FavorFractional CTO
Distinguished Expert 2018

Commented:
https://acadiananetworksolutions.com correctly shows all ?ver=xxx strings on .css files for cache busting.

Buttons appear red now.

Seems like this problem is fixed now.
David FavorFractional CTO
Distinguished Expert 2018

Commented:
Best to leave this question, rather than deleting it, as the information contained will likely help others in the future.
It pretty much fixed itself...

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial