Center Headers

Hi Sam,

Do you mean the Headings in sidebar and footer?

If so, try this CSS:

.inside-right-sidebar .widget-title, .footer-widgets .widget-title {
    text-align: center;
    font-weight: bold;
}

Let me know :)

Hello, yes in the sidebars and footer along with the H1 on blog post titles and where the blog posts are displayed. So on my home page, you will see the lists of the blog posts but they are all left adjusted. Attaching my site so you can see. ALso, where do I add this code?

Hi there,

try adding this CSS:

h1.entry-title, h2.entry-title, .widget-title {
    text-align: center;
    font-weight: 900;
}

and optional to centre the post meta:

.entry-header .entry-meta {
    text-align: center;
}

Perfect, this all worked but on one image in the sidebar - please see site attached. Do you know why this one widget image might have not centered?

Thank you,
Sam

forgot to add site

Edit your Image Widget and click on the Image, it will open up the image attachment screen, choose the medium size image in the DISPLAY SETTINGS

Hi David,

I only have Full size and thumbnail. I tried both but it doesn't seem to be working. Maybe it's because of the size of the image?

We can use this CSS for force an image to fill the space:

.widget-area .widget img {
  width: 100% !important;      
}

But that image is only thumbnail size ( 150px ) so it will look terrible... i suggest uploading a better size image for it.

That worked, thank you!

Glad to be of help