Customize Single Product Page

  • Anonymous User 18004331

    (@anonymized-18004331)


    4 years, 5 months ago

    Hello there,

    I’m building a website with OceanWP, WooCommerce and Elementor Pro. I’m actually not successing to do what I want on the single product page of the website. It feels like sometimes, the theme overwrite what I do with elementor, and sometimes it’s the opposite.

    I want to remove what I’ve circled in red

    And I want the “Size” field to be more simplier, actually I have to click on the white rectangle to choose the size. I just want to click on the “Small” drop down menue to choose a size. It’s like a little bit shifted

    Thank you very much!

    • This topic was modified 3 years, 2 months ago by Ipstenu (Mika Epstein). Reason: removed links for anon'd user

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    Please add the below CSS code from Appearance > Customize > Custom CSS.

    To fix select size and dropdown:

    .woocommerce div.product.elementor form.cart table.variations
td.value:before {
    content: none;
}
.woocommerce div.product.elementor form.cart table.variations td { 
    display: block !important; 
    line-height: inherit !important; 
}
.theme-select {
    white-space: nowrap;
}

    To hide reset:

    a.reset_variations {
    display: none !important;
}

    To hide in stock:

    .woocommerce-variation-availability>p.stock.in-stock {
    display: none;
}

    To fix the scroll option:

    .woocommerce div.product.owp-thumbs-layout-vertical div.images .flex-control-thumbs {
    overflow: hidden;
}

    To remove the zoom option follow the doc:
    https://docs.oceanwp.org/article/599-disable-zoom-lightbox-and-gallery-slider-on-woocommerce-products

    Thread Starter Anonymous User 18004331

    (@anonymized-18004331)

    Thank you very much! It works pretty well!
    About the scroll option, it display now just 2 picture aside (instead of 3), do you have any idea?

    And for the select size, how can I make the box background white and the font in the box black? Actually the box background is black and the font in it is grey :
    https://imgur.com/hNtnwdM

    Thanks a lot,

    Thread Starter Anonymous User 18004331

    (@anonymized-18004331)

    UPDATE:
    I have a few other things where I’ll need help, if someone know whats going on ??

    About the picture product scroll option, I don’t see anymore the scroll but it now display just 2 picture aside (instead of 3), do you have any idea so I can get back all the uploaded pictures of the product?

    About the “select size” dropdown menue, how can I make the box background white and the font in the box black? Actually the box background is black and the font in it is grey :
    https://imgur.com/hNtnwdM

    When I add a product, if I click on the cart, a pop up on the side came, and some of the text seems to be in white (I can’t see them, I have to underline them), is it possible to make it in black so it’s readable? Circled in red are the text that are actually white and that I want in black :
    https://imgur.com/3ite4bU

    On the cart page, I have some text that seems to be in black (I can’t see the text, I have to underline them to see). Can I make it in white so it’s readable? Circled in red are the text that are actually black and that I want in white. The one at the bottom is a button “validate”. I want it to be background/white – text/black & hover background/white – hover text/blue
    https://imgur.com/undefined

    On the checkout page, I would need to remove the white side line, to center the whole page which is a little bit offset on the left, and have all the grey and black text to be white :
    https://imgur.com/kd4GJFn

    After that I’ think I’ll be good on this website!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Customize Single Product Page’ is closed to new replies.