CSS updates not showing up

Support
#1

Hi, my CSS updates are not showing up on my site. Everything is up-to-date and cache has been cleared. Here are a couple of examples:

The below CSS was from a previous support ticket. As noted on the previous ticket, the CSS was working. I’m not certain at what point it stopped working. I thought maybe it had something to do with the latest update.

/* add some space above the featured image */
.page .x-main.full .hentry .entry-featured,
.single-post .x-main.full .hentry .entry-featured {
margin-top: 0 !important;
}
.single-post .entry-featured {
margin-top: 20px;
}

I’m also trying to change the color of the social icons on the top bar of the home page to white.

.x-social-global a:hover.facebook {
background-color: #fff;
}
.x-social-global a:hover.linkdin {
background-color: #fff;
}
.x-social-global a:hover.instagram {
background-color: #fff;
}
.x-social-global a:hover.pinterest {
background-color: #fff;
}

Any insight as to why the CSS updates are not showing up on my site would be appreciated.

Thanks!

#2

Hi @RoseA19,

I have tried to check the site attached to the license in your account but there is a coming soon page active.

There be an issue with the CSS code that you have in the Global CSS such as some CSS syntax error that is stopping the CSS code you are adding to work as expected.

To verify that, please copy all the codes that are in the Global CSS and paste it here.

It should provide some information if there are any CSS error that is causing the issue that you have to fix so that the CSS codes will work.

If there is no CSS error present kindly provide us with the login access to the site so that we can bypass the coming soon page. Please note it in a Secure Note.

This is an incorrect code. Please try:

.x-topbar .x-social-global a.facebook {
    color: #fff;
}

.x-topbar .x-social-global a.twitter {
    color: #fff;
}

.x-topbar .x-social-global a.linkedin {
    color: #fff;
}

.x-topbar .x-social-global a.instagram {
    color: #fff;
}

.x-topbar .x-social-global a.pinterest {
    color: #fff;
}

Please change the color values in the code above.

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Thank you.

#3

Okay, there were a couple of CSS errors that I was able to fix. The code is now working as it should. Thanks!

#4

Glad to hear that. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.