Centering the Patreon Button

Wordpress Plugin
1

I have added the Patreon widget to the side of my Wordpress site at https://seoulinspired.com however the button placement (to the left) is very off-putting. I am sure this is an easy fix but I have tried searching on how to edit the plugin but I can’t find the relevant CSS (I assume it would be a CSS change?). Basically I just want to centre the button under the text as right now it looks off .35%20PM

I am sorry if this is something very easy or obvious, but I have tried for a few days and can’t fix it. Thank you!

2

Edit: if you found this post via search, and are looking to center the button on your website, please visit this post for a more general solution: How to centre the Patreon button (WordPress)?

I’m not familiar with the widget so I’m not sure if there’s an official way to modify the styling, but you could achieve a centered Patreon button with the following rule in your stylesheet:

.cb_p6_patreon_site_widget img {
    margin: auto;
}

If you don’t have a stylesheet to add that to, you could add it direct to the HTML above your widget, e.g:

<style type="text/css">
  .cb_p6_patreon_site_widget img {
    margin: auto;
  }
</style>
3

I tried adding that to the Style.css for the Patreon widget but it didn’t work. Am I using the right CSS sheet?

4

Adding it to the end of that stylesheet should work. I’ve checked the plugin stylesheet via your page source and I cannot find the css I provided, so it looks like your stylesheet hasn’t been updated correctly.

As an aside, I’m not familiar with the wordpress ecosystem but it may be the case that updating the plugins stylesheet directly is a bad idea because you ever update the plugin the stylesheet changes may be overwritten.

5

I’m seeing it now, looks like it worked. You may need to clear your browser cache.

NvPb4E7.jpg2306×1376 232 KB

2 Likes
6

Oh, indeed it has worked. I didn’t think of resetting my cache! Thank you very much for your help. I can manage the site usually, but small things like this I just can’t figure out sometimes. I appreciate the fast and accurate response! :slight_smile:

1 Like