Centre Title in Text Widget, Center OTW Shortcode Button, Broken Image link

Put this in your custom css or child-theme (recommended) It should make all your widget titles centered.

.widget-title {
    text-align: center;
}

The button has me stumped… sorry

Hi questas_admin!

Thanks for the quick reply ??

1. I put the code lines in and nothing! Also, I don’t want to centre all the widget titles, only the title of the bio. Is there any way to do this?

2. Any idea why my image doesn’t appear?

3. Bummer about the button, I thought that would be the most simple! I posted on OTW Shortcode Widget help forum, hopefully someone there will have an answer for me ??

– Heather
https://www.thiswildlife.ca

Try replacing the location of your image to the URL location of your image. You will find that in the media library.

<div style="text-align: center"><img src="https://thiswildlife.ca/?attachment_id=807"

Change to:

<div style="text-align: center"><img src="https://thiswildlife.ca/wp-content/uploads/yourimage.jpg"

That css should have worked for the title. Hmmm.

You could separate that widget from the others by adding a div id to it, like this.

<div id="widget1">
<div style="text-align: center"><img src="https://thiswildlife.ca/?attachment_id=807" width="200" height="200" border="0" alt="Miss Heather Feather Head Shot"

Hi, I'm Heather!

I've been traveling around the globe
knocking off some CRAZY ADVENTUES
from my bucket list
and snapping it all up to share with you!

</div>
</div>

The selector for that would be: #widget1 then you could style anything within that widget separate from other widgets that have a common selector.
For example:

#widget1 .widget-title {
text-align: center;
}

You should also check this out for customizing your site.
https://themesandco.com/snippet/firebug-best-spent-6-minutes/
https://getfirebug.com

The best way to make changes like this to a theme is to use a child theme, so your tweaks won’t be overwritten when updating the theme. Here are some guides in case you haven’t made one before:
https://codex.www.ads-software.com/Child_Themes
https://op111.net/53/

1. Title Align: Center
– I isolated the code with the developer inspector (great suggestion, I had only used it in the past when perusing on other sites, never thought of it to fix up my own!) and I can successfully change it there, but I can’t make the change stick.

heres the code that works:
<h3 class=widget1-title” style=”text-align: center”> Meet Miss Heather Feather </h3>

I entered this in the Simple Custom CSS (easier for me at this point than creating a child theme) which *should* override the default CSS of my theme, but nothing. I’m going to spend some time learning how to create a child theme, but if you know why the Simple Custom CSS override isn’t working/what I’m doing wrong you would save me a huge effort!

2. As you can see, all fixed! Thank you!!

I played around in the Custom CSS and it all finally worked!!

Thank you for all those helpful links, you’ve set me on the right path ??

Unfortunately the button is the only element that doesn’t respond, but I guess I’ll just have to let that slide ??