featured images, margins, text size

ninanearandfar · Member · May 4, 2017 at 9:29 pm
Copy link

Add topic to favorites
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)
mmcalister · Theme Author · May 4, 2017 at 9:39 pm
Copy link
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.
ninanearandfar · Member · May 4, 2017 at 10:55 pm
Copy link
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
ninanearandfar · Member · May 4, 2017 at 10:58 pm
Copy link
maybe it needs CSS to remove the title from the image too?
mmcalister · Theme Author · May 5, 2017 at 5:33 pm
Copy link
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.
ninanearandfar · Member · May 5, 2017 at 7:18 pm
Copy link
Ok, good point. Having shifted the margins of the post is it possible to at least shift the title to match? Thanks!
mmcalister · Theme Author · May 7, 2017 at 5:57 pm
Copy link
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.

WordPress.com forums

featured images, margins, text size