• jayjay2626

    (@jayjay2626)


    Hi Ben,

    I really like your Mission News Theme. Keep up the great work! ?? I’ve been trying to create my own blog for a few days now and I’m a complete noob to web-design. So far I’ve got the following issues or questions:

    – Is there a CSS code to change the background colour of the mobile menu to white? I changed the colour of all fonts to black because of the links being blue and now obviously the writing on the mobile menu becomes invisible.
    – The header in the mobile version is way too small, so can the image be resized in that view?
    – Is there an option to make the grey frames all over the theme and and the black line underneath the header invisible or at least white?
    – IMO you should definitely add an option to have a grid view on parts of the front page even though this might not be super common for newspapers

    Changing the background image is only possible in the pro version, right? Is it possible to have a footer image that’s different from the header as well? What would be the ideal size for a footer and background image? I’m still torn on buying the pro version because of the lacking mason grid and maybe might have to chose another theme…

    Really appreciate your help! ??

Viewing 5 replies - 16 through 20 (of 20 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hey there,

    You can increase the posts per page via the Settings > Reading menu. That will affect the homepage and all archive pages.

    If you use the “Simple” layout in the Post Previews section, that should give you the design you’re looking for.

    And this code can remove the label that appears on sticky posts:

    .sticky-status {
    	display: none;
    }
    Thread Starter jayjay2626

    (@jayjay2626)

    Thanks Maestro, that worked! ??

    The post previews on the page of a post that show more from a category have another font as in the post previews on the main page. Apparently it isn’t displayed as a headline, but as regular text which isn’t centered by the way. Can that be solved?

    I still have the problem that I would need a different header in mobile view. That definitely isn’t achievable by CSS?

    • This reply was modified 4 years ago by jayjay2626.
    Theme Author Ben Sibley

    (@bensibley)

    Good catch. The posts in the “More from category” section should inherit the post title font. For now, you can add this CSS and replace “serif” with the font you want to use:

    .more-from-category .title {
      font-family: serif;
    }

    Did you try switching the header image to “Fixed” sizing? That will allow you to make it much larger on mobile devices.

    Thread Starter jayjay2626

    (@jayjay2626)

    I tried switching the header, but making it larger isn’t limited to mobile only, but makes it larger on desktop and tablet as well and in mobile view it adds too much white space above and below the pic. The problem is that for desktop view I chose an image that is quite wide even though the actual logo isn’t. The additional space is needed for adding “ink splatter” which aligns with the background image. But as the ink splatter and background image are invisible on mobile anyway, it would be nice to be able to only have the logo in mobile. Sorry, if that sounds confusing.

    Two more things:

    Below each post there’s the info of additional posts from each category three times right next to each other. ?published in category XYZ“ and directly underneath it says “more of category xyz” and on the right “more posts from xyz”. Two of them are links and one is text only. I’d like to remove the two links and only have the text that says “more of category xyz”.

    The headlines in the article preview on article pages on is not centered in grid view (aka double) as written before.

    Theme Author Ben Sibley

    (@bensibley)

    It sounds like the size requirements are specific to the image, and so I’d have to get a look at the site to find some good pixel values to use via CSS. Is there a reason for using the header image for the logo instead of the regular logo feature?

    You can add this CSS to remove the two category links:

    .post-categories,
    .category-container .category-link {
      display: none;
    }

    I need a screenshot or a link to the site to solve the headline issue since I can’t recreate this on a test site.

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Some Mission News Theme questions’ is closed to new replies.