Removing the "Return to the blogs" button

Shopify Discussion

Topic summary

A Shopify store owner sought help with two blog post customization issues on their kraftio.bg website:

Issue 1: Removing “Return to the blogs” button

  • Successfully resolved using CSS code added to the theme’s stylesheet
  • Solution: .article-template__back { display: none; }

Issue 2: Left-aligning rich text section

  • User wanted rich text caption below multi-column section to align with blog post content (starting from left side)
  • Initially resolved by setting rich text wrapper to full width
  • Later refined to left-justify the wrapper itself: .rich-text__wrapper { justify-content: left; }

Technical approach:

  • Both solutions implemented via custom CSS in base.css/style.css/theme.css
  • Code includes media query for desktop screens (min-width: 990px)
  • No Liquid code modifications required

Outcome: Both issues successfully resolved through CSS customization. The discussion demonstrates a straightforward troubleshooting process with working code solutions provided.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hey there,

I hope everyone is doing well. I have two questions that would totally make my day.

The first one is how to remove the button that is saying “Return to the blogs” in the blog post section?

Screenshot 2025-02-26 at 21.55.41.png
Screenshot 2025-02-26 at 21.55.41.png966×207 10.6 KB

The second question is again about the blog post section. I have added a rich text bellow the multirow and I want the text to be aligned from the left, what is the specific code and where should i paste it?

Screenshot 2025-02-26 at 21.57.21.png
Screenshot 2025-02-26 at 21.57.21.png1181×524 162 KB

I hope that each of this task can be done with a custom CSS. I would just love if someone can guide me. Thanks in advance! Have an amazing day!

Cheers,
KRAFTIO

1 Like
2

Hi @Kraftio_BG

Please, share your store URL. Thanks!

3

Hi @Made4uo-Ribe ,

Thanks for reaching out! URL: https://kraftio.bg/

Just a disclaimer, it is in a foreign language, i hope it wont bother you.

Cheers,
KRAFTIO

4

Thanks! The language isn’t an issue, but how can I access your blog page? I can’t see any blogs on your store.

5

My bad, since i am still editing it… Here is the link to it: https://kraftio.bg/blogs/%D0%B3%D1%80%D0%B8%D0%B6%D0%B0-%D0%B7%D0%B0-%D0%B4%D1%8A%D1%80%D0%B2%D0%BE%D1%82%D0%BE-1/%D0%BA%D0%B0%D0%BA-%D0%B4%D0%B0-%D0%BF%D0%B0%D0%B7%D0%B8%D1%88-%D0%B8-%D0%BE%D1%81%D0%B2%D0%B5%D0%B6%D0%B8%D1%88-%D0%B4%D1%8A%D1%80%D0%B2%D0%B5%D0%BD%D0%B0%D1%82%D0%B0-%D1%81%D0%B8-%D0%B4%D1%8A%D1%81%D0%BA%D0%B0

6

page not found, you can also share the preview.

7

@Made4uo-Ribe , can you try with this link, if not, i will immediately add on the footer a “Blog” navigation. Here is the link: https://kraftio.bg/blogs/%D0%B3%D1%80%D0%B8%D0%B6%D0%B0-%D0%B7%D0%B0-%D0%B4%D1%8A%D1%80%D0%B2%D0%BE%D1%82%D0%BE-4/%D0%BA%D0%B0%D0%BA-%D0%B4%D0%B0-%D0%BF%D0%B0%D0%B7%D0%B8%D1%88-%D0%B8-%D0%BE%D1%81%D0%B2%D0%B5%D0%B6%D0%B8%D1%88-%D0%B4%D1%8A%D1%80%D0%B2%D0%B5%D0%BD%D0%B0%D1%82%D0%B0-%D1%81%D0%B8-%D0%B4%D1%8A%D1%81%D0%BA%D0%B0

In 1-2 minutes i will add a blog button on the footer.

8

Yes, I see it the blog page.

Check this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.article-template__back {
    display: none;
}
@media screen and (min-width: 990px) {
    .rich-text__wrapper .rich-text__blocks {
        max-width: 100%;
    }
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

9

@Made4uo-Ribe , Great, it worked out, thank you!

How about the second thing, is there a chance to help me out? I am using a section “Rich text” where i use only the caption since i want to end the blog with this text, is there a custom CSS so i can align it from the left? I want it to be like the text from the blog, to star from the left side of the page?

Sorry if i am being annoying, thank you so much. I highly appreciated it!

10

I edited the code and saw the rich text after posting. Would you like it to be left-aligned only, or aligned to the same length across the multi-column layout?

No worries, I’ll help as long as it doesn’t require Liquid code. Hitting “like” would also be greatly appreciated! :blush:

1 Like
11

To be aligned like the blog post, not like the multi-column. I accidentally deleted the blog post, since i am a genius. If you can do it without looking the blog, it would be amazing haha. I appreciate your time and patience. Thank you!

12

oh, let’s try.

Replace the code to this below.

.article-template__back {
    display: none;
}
@media screen and (min-width: 990px) {
   .rich-text__wrapper {
    justify-content: left;
}
}

And Save.

Let me know if it work.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

13

@Made4uo-Ribe , Thank you so much. You did an amazing job. Have an amazing day! Cheers!

1 Like