Customizing my product page multiple questions

Hello am currently customizing my products on my product page and want to add some customizable parts. this is my page now: https://auraliving.nl/products/flame-aroma-diffuser-deluxe-1

i got an old screenshot from a design a good friend of me used to have ( he doesnt anymore to bad )

for his products on his product page and i want to implement the same style i will put the picture of the requested style below.

  1. i want the currency amount to be in center underneath the name of the product
  2. i want the pricing to be the same size as the discount price (everywhere if possible)
  3. i want the size / variation / colors option to be centered
  4. i want the add to cart button to be the same color #eae3d9 button color , #000000 Text color
  5. i want the paypal button and other payment options button underneath that removed both
  6. i want the custom lines with the images and text as displayed under the size variations

Hi @NinoB97 ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin β†’ Online store β†’ Theme > Edit code:

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

@media screen and (max-width: 767px) {
    span.badge.price__badge-sale {
        display: none !important;
    }

    .price--on-sale .price-item--regular {
        font-size: 16px !important;
    }

    .product-form__input--swatch {
        justify-content: center !important;
    }

    .product-form__buttons button {
        background: #eae3d9 !important;
        color: #000000 !important;
    }

    .shopify-payment-button {
        display: none !important;
    }
}

Step 3: Save your code and reload this page.

=>> The result I can help you resolve points 1 to 5 using CSS, but for point number 6, let’s wait for responses from others in the community:

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!

1 Like