How can I remove the 'back to blog' wrapper from my blog posts?

Store Design
1

Hi!

I tried to remove the wrapper on my blogposts that indicated “return to blog”.

What I did:

I accessed my theme.css file.

I changed the code from this:

/*================ Return to collection/blog links ================*/
.return-link-wrapper {
  margin-top: 82.5px;
  margin-bottom: 0; }
  @media only screen and (max-width: 749px) {
    .return-link-wrapper {
      margin-top: 55px; } }

.full-width-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2; }

To this:

/*================ Return to collection/blog links ================*/
.return-link-wrapper {display: none;
  margin-top: 82.5px;
  margin-bottom: 0; }
  @media only screen and (max-width: 749px) {
    .return-link-wrapper {display: none;
      margin-top: 55px; } }

.full-width-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2; }

But it doesn’t seem to want to work.

Can someone please assist me?

Website link: https://idelettdelabat.com/blogs/news/still-life

Password: whihig

Theme: craft

Thank you!

2 Likes
2

Hello There,

  1. In your Shopify Admin go-to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.article-template__back.element-margin-top.center {
display: none;
}

Screenshot:- https://prnt.sc/NDaDFZz6EGsl

3

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-blog-post.css->paste below code at the bottom of the file:
.article-template__link {
    display: none !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

4 Likes
4

Thank you!

This worked!

1 Like
5

Thanks a lot :heart: ! My issue was resolved through this.