Is it possible to remove a line on the product page?

Store Design
1

Hi, I just added the vitals app today to give my product pages reviews.

**EDIT: I was originally trying to make space and get rid of this grey line on my product pages, but i’ve solved the ‘making space issue’ and now i’m trying to just remove this thin grey line that comes after the price and before the review stars. Is it possible to do this?

Capture7.PNG
Capture7.PNG727×558 73.7 KB

2

Hi @Sunfire22 ,

Yes you can just use the display:none.

3

Ok awesome, where would I type that into?

4

it seems I can’t do that because it’s not actually inside the product description text box, unless you meant to type it somewhere else.

1 Like
5

You can try this code, if not share you url.

.product-single__description hr {
  display: none;
}
6

i’d like to try that code. Where should I enter it to make it work?

7

Hi @Sunfire22

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Noah | PageFly

8

Hello @Sunfire22 ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets → base.css file → add this following code at the bottom page

.product-price::after {
  display: none;
}

Save and preview

Hope this can help. Let us know if you need any further support.

Ali Reviews team.

1 Like
9

Hello @Sunfire22

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

10

Do you mind to share your URL website with password? If its okay or PM me if you dont like to share publicly. Cause it need to inspect and select the right selector for this line. But if you know a bit of coding you can just pick the right selector and use display: none\

example:

.selector {

display: none;

}

Thanks!

11

it won’t allow me to message you for some reason.

12

tried this but it didn’t remove the line, thank you for responding though. Appreciate it.

13

Thank you for the information.

Try 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 “theme.scss.liquid, styles.scss.liquid or base.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:
  4. And Save.
.price-wrapper {
    border-bottom: none;
}

Result:

Rose_Dim_0-1684956112417.png
Rose_Dim_0-1684956112417.png481×168 2.37 KB

I hope it help.

14

you can try that code theme.scss or css or share your url, i will give you exact code to apply.

15

Thanks so much! worked great. Yeah I didn’t have the base.css file but i did indeed have the theme.scss.liquid file where I could put the code in.

1 Like
16

Yes, as long as there is .css or .sccs on the end of the file.

Happy to help. :blush: