Button style in sidebar

Support
#1

Hi:
I have added buttons in sidebar here: https://www.wangjingwei.org/blog-en/

  1. How can I remove shadow from the text inside button? I added this code to CSS in theme options, but it’s not working

.widget {
text-shadow: none !important;
}

  1. Is there a way to style the text inside button so that it’s not centered but flush left with some space from left edge of button?

Thanks.

#2

Hello Cindy,

Thanks for writing in!

1.) Your code is incorrect. Use this code instead:

.widget .x-btn{
    text-shadow: none !important;
}

2.) If you want the text to be align to the left, you can update the code above and use this:

.widget .x-btn{
    text-shadow: none !important;
    text-align: left;
    padding: 10px;
}

Feel free to adjust the padding if needed.

#3

I did this and nothing changed. Could you please check what I am doing wrong? Thank you!

#4

Hey Cindy,

Please keep in mind that since you have installed a caching plugin WP Super Cache, please clear your plugin cache and regenerate the minified JS/CSS files before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Temporarily disable WP Super Cache while you are editing your site.

#5

I see, I disabled WP Super Cache, however, and still see no change. I also used a different browser.

Regarding turning on and off WP Super Cache, do you recommend I disable it every time I make an update? The site is built, I was just making an adjustment. When I make other updates I could see the changes without problem. I do understand the caching issue. Please help explain. Thanks.

Thanks,
Cindy

#6

Hey Cindy,

I have found out the cause of the issue. It turns out that you have a broken css.

I went ahead and updated it to:

.entry-thumb:before {
    display: none;
}

.entry-title:before {
    display: none;
}

.blog .x-header-landmark {
    display: none;
}

.blog .x-landmark, .single-post .h-landmark  {
    display: none;
}

.single-post.has-video .format-standard .entry-featured {
    display: none;
}

.has-video .format-standard .entry-featured {
    display: none;
}

.p-meta>span:first-child {
  	display: none;
}

.widget .x-btn{
	text-shadow: none !important;
	text-align: left;
	padding: 10px;
}

Every time you make site changes, if the caching plugin is active, you will need to clear all your caches first before testing your site.

Please check your site again.

#7

Super, thank you so much!

#8

You are most welcome!

#9

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