Shopify themes, liquid, logos, and UX
Hello, our theme automatically puts the blog post title in a overlay over the header image, I would like to remove that and add it as a heading in the text. I know I could use display:none; to remove the title over the image and manually add an H1 as the title in the text, however we have loads of blog posts and I want something that will work across the board without having to go back and manually add the titles for all past blog posts.
Thanks-
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Thank you, here is an example of one of our blog posts, we want the title at the top of the text instead of as an overlay on the image.
https://www.laurenbrookecosmetiques.com/blogs/blog-posts/5-colour-stick-secrets-for-a-gorgeous-look
Michele
thanks for details
1. Go to Online Store->Theme->Edit code
2. Asset->/main.scss.liquid->paste below code at the bottom of the file.
#shopify-section-template-article .flexible_block__overlay h1 {display: none;}
Thank you, this removes the title from the header but doesn't add it to the top of the blog post as a heading.
Michele
do you mean like this?
Thanks so much, yes that definitely looks better, I was imagining it as a header in the text, so like this:
[image]
<h1>3 Secrets for a Gorgeous Colour Stick Look</h1>
<p>Creamy multi-sticks...</p>
But as you had it looks nice too. Thank you!
thanks or confrim yes is possible to change backend code and new custom code if you need this can you please share store details on personal message so we have discuss
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024