Issues with blog

Support
#1

Hello, I trust you’re doing well.

I’m trying to polish up our blog section and I need help with this issues:

  • How can I get rid of the space that includes the blog title so that the posts and right column are closer to the nav bar?

  • How can I change the standard icon next to each blog title for a custom image?

  • How can I change the feature image size on each blog… we’d like the text to “wrap around it” rather than having it on top the text like it currently is

  • How can I change the font size just for the blog posts text?

  • Can I create a menu to use only on the blog’s main page and each blog post?

  • What plugin or tool do you recommend we use so that people can share each blog post to their social media channels?

Thanks for all your help! I’m including screenshots on a private note

#2

Hi @Jacko_Pinto,

Please add the following CSS under Theme Options > CSS:

.blog .x-header-landmark {
    display: none;
}

.blog .entry-featured {
    float: left;
    max-width: 180px;
    margin-right: 15px;
}

.entry-title:before {
    background: url(https://cdn0.iconfinder.com/data/icons/typicons-2/24/star-512.png) no-repeat center center;
    content: '' !important;
    width: 32px;
    height: 32px;
    background-size: 100%;
}

.blog .entry-content.excerpt {
    font-size: 15px;
}

Please add the following code under functions.php file locates in your child theme:

add_filter( 'wp_nav_menu_args', 'custom_blog_menu' );

function custom_blog_menu( $args ) {
  if ( is_home() || is_singular( 'post' ) ) {
	$args['theme_location'] = 'primary';
	$args['menu'] = 'Custom Menu';
  }
  return $args;
}

The Custom Menu should be a new menu for blog & posts.

Please follow this article: https://bloggingwizard.com/top-wordpress-social-sharing-plugins-2014/.

Hope it helps :slight_smile:

#3

Thank you very much!

I’d also need to get rid of that top space on individual blog pages… also, and sorry for not clarifying, I need to change the feature image size for individual blog pages, not the main blog page. Same goes for the font size.

Thanks for the help!

#4

Hey @Jacko_Pinto,

  • For the featured image size on single posts, try adding the following code in the Theme Options > CSS: 
@media screen and (min-width: 768px) {
  .single-post .entry-featured {
    max-width: 500px;
    float: left;
    margin-right: 20px;
  }

  .single-post .entry-wrap {
    padding: 20px;
  }
}
  • To remove the top spaces on individual posts you can make use of the following code:
.single-post .site > .x-container.offset {
    margin-top: 0;
}
  • For the posts font size, you can use this code:
.single-post .entry-content {
    font-size: 1.2rem;
}

Feel free to adjust the values as per your need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Cheers!

#5

Hello Nabeel. Awesome, thank you very much for all your help with this issue.

Best regards!

#6

You’re most welcome.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.