Improving My Shopify Blog Layout and Fonts: Need Your Advice!

Improving My Shopify Blog Layout and Fonts: Need Your Advice!

EagleHunted
Pathfinder
85 0 8

Hey everyone!

I’m facing some challenges with my Shopify blog layout and fonts using the default template. While it’s functional, I feel it lacks the visual appeal I aim for.  I have concerns about the layout, fonts, and cluttered text on the blog. I have hidden the blog until these issues are resolved before publishing it again. Can these issues be fixed without coding? 

I’d love to hear your tips on:

  • Specific layout changes that improved my blog’s appearance.
  • Font styles that work well for a modern look.
  • Effective ways to use images alongside text.

Any insights or examples would be greatly appreciated! Thank you!

 

Blog 3.jpgBlog1.jpgBlog2.jpg

 
Replies 3 (3)
EagleHunted
Pathfinder
85 0 8

Hi @Peace 

Thank you for your response!

Could you please provide a guide on how to reduce line spacing and margins to avoid cluttered text? Regarding the "split text" or "image with text" features, can I find these options in the "Add Block" or "Section" menus?

Additionally, is it possible to add a video to my blog post? I’d also like to change the font for the blog. I’ve tried using the blog editor, but I couldn’t locate a font section beyond the default H1, H2, and H3 options.

I’m using high-quality images for my blog posts, specifically in 2K resolution and WEBP format, to maintain optimal loading speed. However, I’m experiencing an issue with bullet points appearing cluttered or messy, as shown in the attached screenshots.

I appreciate your help!

 

 

blog.jpgBlog0.jpg

EagleHunted
Pathfinder
85 0 8

Hi @Peace 

Thank you for your response, I attempted to use the CSS code to adjust line spacing, font, and bullet points, but unfortunately, I could not make the desired changes. When I added the font CSS code, I received a message indicating that the changes could not be saved or published for the online store. After removing the font CSS, I was able to save the changes, but they did not appear or reflect on the blog post. Is it possible to address these issues without using code? Additionally, regarding adding a section for Split Text/Image with Text, will this be set as the default for every post, or can it be customized for each post? The blog has already been published, but the way it appears is not ideal, especially for the bullet points. Is it possible to improve the appearance of the normal text as well? It seems pale and I am unsure if it is due to the font or the background

Thank you for your assistance

 

8ef775baek138611w82r61c5wq4j.jpegblog post.jpg

 
EagleHunted
Pathfinder
85 0 8

Hi @Peace 

I’ve successfully fixed the bullet points, but I'm currently facing an issue with the text's appearance. It looks pale as provided in the above screenshots, and I’m not sure if it’s due to the font or the background color. How can I address this?

Additionally, the text with image implementation is set as a default for all blog posts, which means I can’t modify it for individual posts without affecting others. Is there a way to customize this for each post without overriding the default settings?

Thank you!