How can I remove the ‘back to blog’ button on the blogs

Store Design

Topic summary

A user seeks to remove the ‘back to blog’ button from their Shopify blog pages.

Initial Solution Attempted:

  • First response suggested adding CSS code .article-template__back.element-margin-top.center{ display : none ;} to the base.css file via theme code editor
  • User reported this solution didn’t work, providing a screenshot showing the button still visible

Alternative Solution Provided:

  • A different approach was offered: add .article-template__back { display: none !important; } to the Custom CSS section in theme settings instead
  • The !important flag may override existing styles that prevented the first solution from working

Status: The issue remains unresolved pending user confirmation of whether the second CSS method successfully removes the button.

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

How can I remove the ‘back to blog’ button on the blogs

1 Like
2

Hi @User026 ,

Click on three dots → edit code → find base.css file.

Please add this css in base.css bottom of the file :

.article-template__back.element-margin-top.center{ display : none ;}

3

I tried but i still see the button

Scherm­afbeelding 2025-10-15 om 21.32.31
Scherm­afbeelding 2025-10-15 om 21.32.312238×628 80.4 KB

4

Please add this code to Custom CSS in theme settings to remove that button.

.article-template__back { display: none !important; }

Best regards,
Dan from Ryviu: Product Reviews App

1 Like