I want to remove the line shown in the picture below, how do I do so?
Topic summary
A user seeks help removing a specific line element from their product page’s Q&A tab section.
Issue Details:
- The line in question appears to be a visual separator or border element
- A screenshot was provided showing the exact element to be removed
Current Status:
- The question remains unanswered
- No solutions or customization methods have been suggested yet
- This appears to be a CSS/design customization request for the product page layout
@beckstead You’ve had an account for awhile you should know by now to provide critical detail.
Provide an actual public URL to the exact problem, or a concise sample of the code.
Or at minimum the theme name.
It wastes your time having to wait for follow up questions, questions that shouldn’t even be needed just to move forward.
And it wastes contributors time and becomes just plain rude past a point.
Communicate, other people aren’t mind readers don’t make them dig it out of you or have to randomly guess
Ahh sorry,
I just found your store url.
in order to remove the Pipe Sign from the Tabs on the Product page, you need to follow these steps.
Go to Shopify Admin >> Online Store >> Edit Code >> theme.liquid >> In the end of theme.liquid before closing the body tag paste the following code shared below.
<script>
const post = document.querySelector('.posted-by');
post.innerHTML = post.innerHTML.replace(/\s*\|\s*/g, ' ');
</script>
Let me know if this works for you.
Thanks
Gave you gave me this theme.liquid code to me.
I mean share it here. So that I can gave you the fixed code.
You are adding the script tag in the exiting script tag.
Can you paste this coding instead?
const post = document.querySelector('.posted-by');
post.innerHTML = post.innerHTML.replace(/\s*\|\s*/g, ' ');