[newskywebsitesParticipant]

I’ve read several posts and tried some CSS and nothing gets it quite right for me. I’d like to center align the Blog PAGE title over the posts AND right sidebar. Is there some CSS that will do this? So far, I only found CSS for centering page title over the posts, not the sidebar.

Page: http://0cf.40e.myftpupload.com/blog/

Using latest version of everything, X Parent Theme with Renew stack.

Thanks!
Dawn

[RahulModerator]

Hi, To center the blog posts title, add the following Custom CSS

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

To center the sidebar, add the following Custom CSS

.x-sidebar .widget {
  text-align:center;
}

Thanks

[newskywebsitesParticipant]

Thank you for the fast response, but I need to center the blog PAGE title, not the post titles. I have that done already. See attached with markup. I’d also like to remove the blog page breadcrumb.

THANKS!
Dawn

[RahulModerator]

Hi,

To locate the post / page ID, please take a look at this link: https://community.theme.co//kb/how-to-locate-post-ids/.

After that, you can simply add a small CSS under Customize > Custom > CSS:

.page-id-123 .x-breadcrumb-wrap {
display: none;
}

Please replace ‘123’ with your actual page ID.

Also add the following Custom CSS :

.h-landmark {
  text-align: center;
}

Hope it helps.

Thanks

[newskywebsitesParticipant]

Thank you for trying, but this only centers the page title over the posts. I’d like to center align the Blog PAGE title over the posts AND right sidebar. Is that possible? It will probably require CSS removing the blog page breadcrumb too.

Thanks,
Dawn

[Nabeel AModerator]

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.blog .x-landmark {
    width: 95% !important;
    padding-right: 0 !important;
    text-align: center !important;
}

Let us know how this goes!

[Author]

Posts