Docs

[myersparkpres]

Hi there!

I’d like to move the Title and Meta data on blog posts from above the featured image to below to match the Portfolio layout. It also looks like there are some typography differences in Blog vs Portfolio titles I’d like to standardize.

I have a child theme ready to go if there are any structural changes. Thanks!

[Rahul]

Hey There,

Thanks for writing in!

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[myersparkpres]

Sure thing! Example blog post: http://myersparkpres.org/2017/01/festival-of-music

[Nabeel A]

Hi again,

Please add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

(function($) {
	$('.single-post article').find('.entry-header').insertAfter('.entry-featured');
})(jQuery);

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[myersparkpres]

Worked well for the most part! There’s a little bit of lag between page load and the script doing its thing, but that’s okay! I can’t seem to get rid of the 25px top margin in .entry-featured, though. Also, I tried to make the post H1 be the same size as the portfolio H1 (font-size: 285.7%) but that didn’t work either.

[Rue Nel]

Hello There,

Thanks for updating in! You can update the code and try this instead:

(function($) {
  $(document).ready(function(){
    $('.single-post article').find('.entry-header').insertAfter('.entry-featured');
  });
})(jQuery);

To get rid of the space above the featured image,

.single-post .entry-featured{
  margin-top: 0;
}

And to make the font size bigger, please use this instead:

.single-post .entry-title {
  font-size: 285.7%;
}

We would loved to know if this has work for you. Thank you.

[Author]

Posts