Removing blank space from blog page & adding featured image

Aceandfriends
Tourist
6 0 1

Hello, How can I add an image to the top of the blog post and how can I remove a lot of the blank space between the title and the first paragraph?

See info in screenshot below.

This page is hidden as I am not ready to add onto my website yet.

I added a picture in 'featured image' but it doesn't appear anywhere so not sure what that is for?

Aceandfriends_1-1618946080570.png

 

 

0 Likes
g33kgirl
Shopify Partner
223 58 70

The featured image is shown on the main blog page with list of articles (blog posts). If you go to yourwebsitename.myshopify.com/blogs/news/ you will see the featured image alongwith the title of your blog post.

To add the featured image to your blogpost (article): https://community.shopify.com/c/Shopify-Discussion/How-to-show-the-featured-image-in-blog-post/m-p/4...

To remove the gap between title and content, it would be dependent on the theme you are using but it can be done with CSS.

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
Sandra_Thomas
New Member
1 0 0

I have certain areas where I would like to remove text from a page where I have entered a picture. That's the only think for now

 

0 Likes
Aceandfriends
Tourist
6 0 1

Thank you. I am using the theme Brooklyn

0 Likes
Aceandfriends
Tourist
6 0 1

@g33kgirl I am using brooklyn theme

0 Likes
g33kgirl
Shopify Partner
223 58 70

@Aceandfriendsadd this code to the end of the themes.scss.liquid file (Themes -> Edit code -> Assets -> themes.scss.liquid) :

/* CUSTOM CSS */
.section-header {
  margin-bottom: 0; }
  @media screen and (min-width: 591px) {
    .section-header {
       margin-bottom: 0;
} }

.section-header p {
 margin: 0;
}

.section-header .date:last-child {
  margin-bottom: 10px !important;
}

/* CUSTOM CSS */

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes