Help removing afterpay and laybuy information form my product pages

Shopify Discussion

Topic summary

A Shopify store owner using the ‘Drop’ theme needs to remove Afterpay and Laybuy payment messaging that appears below product pricing, making the page look cluttered—especially when compare-at pricing is displayed with a strikethrough.

Solution Provided:
Multiple users offered CSS-based fixes involving:

  • Navigating to Online Store > Themes > Edit Code
  • Opening the theme’s CSS file (base.css, theme.css, or custom.css)
  • Adding display: none !important rules targeting specific selectors like .laybuy-paragraph, square-placement, .afterpay-paragraph, or .product_page__price-wrapper p

Outcome:
The original poster confirmed the solution worked and marked it as accepted.

Note: One responder mentioned that while CSS hiding works, ideally the actual code generating these elements should be located and removed from the theme files for a cleaner solution.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

Can someone please help me! I am trying to remove the Laybuy and Afterpay text from below my pricing in my store but I can’t seem to find it in the code, and I don’t have any apps installed for it. It’s making my page look messy and the first one has a line through it when I add compare at pricing. Any help very appreciated! My theme is ‘Drop’. Example: https://salourlingerie.com/products/rochelle-bodysuit

2

Hi @Holly18 ,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

square-placement,
.laybuy-paragraph {
    display: none !important;
}

Here is the result

BSSTekLabs_0-1723863922896.png
BSSTekLabs_0-1723863922896.png1343×568 19.1 KB

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

3

Hello @Holly18 ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your theme.css file and paste the following code at the bottom:

.laybuy-paragraph {
    display: none !important;
}
square-placement {
    display: none !important;
}

Note: This is a css solution but personally I recommend to find the actual code and remove it from theme files.

Thanks

4

Hello @Holly18
Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
add this code at the end of the file.

.product_page__price-wrapper p {
display: none !important;
}
.afterpay-paragraph {
display: none !important;
}

result

1.png
1.png563×404 10.8 KB

If this was helpful, hit the like button and accept the solution.
Thanks

5

Thanks so much!

6

Thanks so much!

7

Thanks for accepting the solution
please hit the like button also.