asked on

CSS not applying in wordpress

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

lenamtl

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 Favor

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.

cnl83

ASKER

acadiananetworksolutions.com

lenamtl

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...

cnl83

ASKER

Well the buttons should be #a11702

lenamtl

Yes I have checked and the buttons are red

#a11702;

Open in new window

David Favor

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 Favor

Best to leave this question, rather than deleting it, as the information contained will likely help others in the future.

ASKER CERTIFIED SOLUTION

cnl83

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial