I lost right code after update

[sansarlochan]

Hi, I had not made changes in my child theme, that is my mistake. So I lost one major change that I am unable to recover.

Actually, I had made last time my recent posts look like the pic given below (right code) but now when I am trying to implement that custom code I am unable to get the earlier look of my recent posts.

Hope you will understand from the pic given below :-

As you can see left one is right where color of the text is white and bold.

And now when I am trying to get such look I am unable to override the default hyperlink color that is green. The ideal situation would be white text and bold text as left pic.

I am trying this code right now >

.x-recent-posts a {
link: white!important;
background:#333333!important;
width: 100%;
font-weight: 700!important;
font-color: white;
padding:2px 2px 2px 15px!important;
margin: 0px 4px 4px 0px!important;
border-radius: 13px;
}
.x-recent-posts a:hover{
background: tomato!important;
color:white!important;
}
.x-recent-posts ,.x-recent-posts-content {
padding:2px!important;
}
.x-recent-posts h3{
font-size: 17px!important;
letter-spacing: 0px;
display :none;
}

I am a novice in coding, so kindly help me.

[ruenel]

Hello Sansar,

Thank you for the very detailed post information.

Please be advised that link: white!important; is not a valid CSS styling. It should be color: white!important; instead.

Please have your custom css updated. For best results, please make sure that all your custom css are valid and correct. You can verify your code by using CSS Checker like: http://csslint.net/ or https://www.cleancss.com/css-beautify/

After doing the updates and making site changes, always remember to clear all caches since you have installed WP Fastest Cache so that the code from the latest release is always in use. This will help you to avoid any potential errors.

And please clear your browser cache too. You may use private browsing mode in testing your site to make sure that you are viewing the latest codes from the updates and not the cached version in your browser.

Best Regards.

[sansarlochan]

It was a silly mistake. But I need your help in coding.

Nothing changed if I changed CSS to color:white!important

Kindly help me in code in making look alike LEFT pic.

[jade]

Hello Sansar,

There might 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 you’re still not able to get it sorted, please send us the link to the page where the CSS code is not working and the login details of your site so we can check your css.

Hope this helps.

[sansarlochan]

Actually I need a short help only. It has nothing to do with Global CSS actually. I only want you to help me correcting this code

.x-recent-posts a {
color: white!important;
background:#333333!important;
width: 100%;
font-weight: 700!important;
font-color: white;
padding:2px 2px 2px 15px!important;
margin: 0px 4px 4px 0px!important;
border-radius: 13px;
}
.x-recent-posts a:hover{
background: tomato!important;
color:white!important;
}
.x-recent-posts ,.x-recent-posts-content {
padding:2px!important;
}
.x-recent-posts h3{
font-size: 17px!important;
letter-spacing: 0px;
display :none;

So I could get the LEFT PIC result.

[christopher]

Hi Sansar,

Please kindly consider that customization questions are outside of our support scope and we can not analyze your code to be able to find problems in. You need to consider hiring a developer to do the customization for you.

Meanwhile, you can get back to us with the exact URL of the page that you have the problem with and we can check the live code using Google Chrome browser developer toolbar to be able to suggest how you can get started, but the implementation will be on your shoulders.

Thank you.