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: (visible only to logged in users)

    #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
    Original poster

    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
    Original poster

    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
    Original poster

    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.