How do I change feature's image size on Daily Mag?

  • Unknown's avatar
    prescottroberta · Member ·

    Hello,

    I’d like to have feature posts a little bigger in the home page. The images are small and I think they would be nicer if they are a little larger. Is it possible?

    Thanks

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    wppolandcom · Member ·

    Hi,
    Sure, but it’s not so easy.
    You can add the custom CSS code to your CSS Customizer due to the following instructions:
    https://en.support.wordpress.com/custom-design/editing-css/
    1. In your case, you can narrow left and right column and add more percentage for central column width,
    2. The other possibility is to widen all the page.

    For the first case, you can add the following code for your custom CSS for desktop screen size:

    @media only screen and (min-width: 64.063em){
.large-6, .post-navigation .nav-previous, .post-navigation .nav-next, body.layout-three-column-default #primary, body.layout-three-column-reversed #primary, body.layout-three-column-center #primary {
    width: 60%;
}
.large-push-3, body.layout-two-column-reversed #primary, body.layout-three-column-center #primary {
       left: 20%;
   }
.large-3, #secondary, body.layout-three-column-default #secondary, body.layout-three-column-reversed #secondary, body.layout-three-column-center #secondary, #tertiary, .featured-content article, .featured-content article {
    width: 20%;
}
}

    Thanks to that, you can widen your central column from 50 to 60% of the page width.

    I hope that it will help you.

  • Unknown's avatar
    prescottroberta · Member ·

    Thank you. But actually iit didn’t work so well. I was hoping to enlarge the feature pictures on header, above the name of my blog.

    I’m also trying to not show “file under” on home page.

    It’s hard to customize on WP…

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @prescottroberta, to remove the Filed Under on the front page, use the following CSS. 

    .home .tags-links {
  display: none
}

    For the four featured posts under the top navigation menu, you can add the following and then adjust the 120px value as desired. It was originally 75px down to 40em in width, and then 55px below 40em in width. 

    .featured-content article img {
  width: 120px;
}
@media screen and (max-width: 40em) {
  .featured-content article img {
    width: 120px;
  }
}
  • Unknown's avatar
    prescottroberta · Member ·

    Thank you VERY much. It worked great!

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘How do I change feature's image size on Daily Mag?’ is closed to new replies.