featured images, margins, text size

  • Author
    Posts
  • #110134

    ninanesdoly
    Member

    Hello,

    is there CSS to
    – remove the feature image from the top of blog posts once you’ve clicked in without removing it from the excerpts in the archives
    – increase margins so that blog posts are slightly narrower
    – reduce the size of the font in blog posts

    Thank you!

    The blog I need help with is ninanearandfar.com.

    #110333

    mmcalister
    Theme Author

    Hi there,

    To hide the image on your posts:

    .single .site-header-bg.background-effect { display: none !important; }

    To make your posts more narrow:

    @media screen and (min-width:768px) {
        .single #page {
            padding: 0 15%;
        }
    }

    I wouldn’t recommend reducing the size of the font in your blog posts any further, as it becomes unreadable if it gets any smaller.

    You also might want to check out the CSS Customization forum for more CSS questions.

    #110338

    ninanesdoly
    Member

    The CSS code to hide images leaves a big grey box in it’s place.

    Making the post narrower works great! Doesn’t need the smaller text now anyways, much less overwhelming.

    Thanks

    #110339

    ninanesdoly
    Member

    maybe it needs CSS to remove the title from the image too?

    #110362

    mmcalister
    Theme Author

    The grey box at the top of your post holds the title of your post. You won’t want to hide that, since it will hide the title of your post and affect your SEO.

    #110364

    ninanesdoly
    Member

    Ok, good point. Having shifted the margins of the post is it possible to at least shift the title to match? Thanks!

    #110387

    mmcalister
    Theme Author

    You could try something like this:

    .single .hero-posts .post .entry-title { text-align: center; }

The topic ‘featured images, margins, text size’ is closed to new replies.