Docs

[wnhorne246]

Hi Guys, and Gals

I hope you can help me out!

I would like to be able to hide 2 widgets on my home page at http://dev.emilycolin.com from the sidebar. We do not want to hide them anywhere else. The widgets are the text widget with Recent Posts shortcode and the Archives widget.

I also would like to know how to center the Post Title and meta over a 2/3 blog layout with the sidebar on the right as seen HERE. Basically centered over the 2/3rds column where the image is.

Lastly, Is there a way to have the “Leave a Comment” in the meta go to the bottom of the page where we have Facebook Comments enabled?

Thanks for your help!

[Rupok]

Hi there,

Thanks for writing in!

#1. You can add this under Custom > CSS in the Customizer.

.home .x-widget-area #text-6.widget_text, .home .x-widget-area .widget.widget_archive {
  display: none;
}

#2. You can set a margin to align this properly :

.single-post .entry-header {
  margin-left: 65px;
}

#3. You can add this under Custom > JavaScript in the Customizer.

jQuery(document).ready(function($) {
  $('#comments').attr('id','respond');
});

Hope this helps.

Cheers!

[wnhorne246]

#1, and #3 are perfect! Thanks!

#2 aligns everything on the left side of the picture. I know I can increase the margin, but what she wants is both the text lines to always be centered over the picture no matter how long the title is. Is this possible?

Another option is to center align the Title and meta across the entire page? That is what I would want. If possible, can that be done as well? I’m just afraid she will ask. This is what I would do if it were my site.

[Joao]

Hi There,

Please add the following code instead:

.entry-header, .entry-content {
    text-align: center;

}

Let us know if you would like something different.

Thanks,

Joao

[wnhorne246]

This is almost perfect. The navigation arrow in the top right hand side of the page is offsetting the page title to the left a bit. The meta is perfect. Not sure how to compensate for that? See the screenshot.

[wnhorne246]

I just noticed that that last piece of code also centers ALL the body text on the whole site.

This centers just the area in question but still with the issue above.

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

[Jade]

Hi there,

Please add this code:

.x-nav-articles {
    margin-top: 6px;
}

Would you mind clarifying the issue about centering the page title?

[wnhorne246]

That worked… I had to weak the px size, but thanks!!!

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

.x-nav-articles {
    margin-top: 23px;
    padding-bottom: 50px; 
}

You guys are CSS and JS Ninjas!

[Jade]

You’re most welcome. 🙂

[Author]

Posts