Shopify Question posted in
The Shopify help center can be found here.

Deleting a Div on My Blog – Shopify

I’m trying to locate/delete this section on blog posts within my blog. I’m just not sure which part to delete/take out or in which liquid file it would exist. 

<div class="title-box">
        <h1 class="text-center text-uppercase title-under">BLOG</h1>
      </div>

Blog post
https://samplified.us/blogs/tutorials-and-free-downloads/how-to-make-a-beat-like-medasin-tutorial

It just takes up way too much room and doesn’t really serve a purpose. I can locate it with inspect tool and delete that div class and it looks perfect.

I’m just not sure where in my theme files I can do that.

When I delete it on google inspector it’s exactly how I want it to look.
After Deleting

Time Block

Tags:

2

Answers


  1. 0

    If you use wordpress, usually the css will be on style.css.
    You can add display:none to title-box CSS and it will work just fine

    Login or Signup to reply.
  2. 0

    First, set up a simple dev environment.

    • Clone your theme (make sure this theme is not published yet.)
    • Download ThemeKit
    • Download your clone theme using ThemeKit. (theme download)
    • Using ThemeKit watch your changes using the theme preview.

    Now try to edit the files and try to figure out what is the best option to delete that div.

    • Using your favorite text editor search for the keyword title-box and you are going to get all areas where that class is used. You can try to delete it and test out to see if that works for you or not.
    • If deleting cause too many problems you can try to hide with CSS.

    After you pick your solution and its working on your clone theme (preview mode). You can publish the clone theme over the current live theme.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search