Custom single produc page woocommerce - by wilson-legros

This topic has 11 replies, 2 voices, and was last updated 7 years, 5 months ago ago by Olga Barlow

  • Avatar: wilson-legros
    wilson-legros
    Participant
    October 27, 2016 at 20:09

    Hello,

    As I want to custom content-single-product.php, before posting this, I tried to do it by myself, but I didn’t find the way to do…

    So, are you able to help me for that :
    http://i1376.photobucket.com/albums/ah34/wilson-legros/Xstore/2016-10-27_183907_zpsp2jxxvck.jpg

    and change white background of description’s product ?

    Thank you,
    Kind regards,
    Wilson

    10 Answers
    Avatar: wilson-legros
    wilson-legros
    Participant
    October 27, 2016 at 23:31

    I found 2 solutions about my 3 requests !

    To remove Next/Previous product navigation :
    e-commerce > Single Product Page > Show Next/Previous product navigation = OFF

    To change title font and color as it is in “typography” :
    e-commerce > Single Product Page > Show product name above the price = OFF

    Now I just need to change white background of description’s product

    http://i1376.photobucket.com/albums/ah34/wilson-legros/Xstore/2016-10-27_183920_zpsiew1qabn.jpg

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 28, 2016 at 16:20

    Hello,

    Try this code

    .single-product .tabs {
        background-color: transparent;
    }

    Regards

    Avatar: wilson-legros
    wilson-legros
    Participant
    October 31, 2016 at 15:13

    Hello Olga,
    Thank you but sorry but this code doesn’t work :
    http://i1376.photobucket.com/albums/ah34/wilson-legros/Xstore/2016-10-28_175113_zpst8jhj8nf.jpg
    Kind regards,
    Wilson

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 31, 2016 at 16:18

    Hello,

    Enable temporary admin panel access, please. I need to check your site to give you the correct code.

    Regards

    Avatar: wilson-legros
    wilson-legros
    Participant
    October 31, 2016 at 16:44

    Hello Olga,
    No problem 🙂
    Thank you

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 31, 2016 at 16:56

    Hello,

    Fixed. Check, please.

    Regards

    Avatar: wilson-legros
    wilson-legros
    Participant
    October 31, 2016 at 17:55

    Thank you very much Olga !

    I can see you chenged the code and it can help someone else later :

    .tabs-full-width {
    background-color: transparent;
    }

    I have a last wish, and I will not disturb you anymore with customing that single product page after this request :

    I would like to change this “add to cart” button color. It’s black, so is it possible to change it in orange ?

    Thank you again,
    Best regards,
    Wilson

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 1, 2016 at 09:27

    Hello,

    I saw that you added custom color for tabs bg that’s why I have also added some padding, if you would not mind.
    Also, I have added custom color for the “Add to cart” button and some other buttons with black bg. If you don’t like you’ll be able to change it in custom CSS.

    Regards

    Avatar: wilson-legros
    wilson-legros
    Participant
    November 1, 2016 at 11:08

    Thank so much Olga !!!

    All you did is very good ! That’s excatly what I wanted ^^
    I’m very very happy !

    Have a very nice day,
    Best regards,
    Wilson

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 1, 2016 at 12:03

    You are welcome! Have a good day too.

    Regards

  • Viewing 11 results - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.