Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 8, 2017 at 11:40 am #789436
    force-media

    Hi there,

    I hope to get some CSS support from you guys on this tiny little thing. I’ve spent already some time to read through the source code but i couldn’t find the element where i have to link a CSS code.

    Mainly there are two things i want to change:

    Screen Single Product Page

    1. I want to remove the background of the product quantity section. Due to my product settings users are not allowed to add more than one product to their shopping cart.
    2. It would be also nice to have the “Add to Cart” button on the left hand site below the product attributes.

    In this context i don’t know if it’s relevant, but I am using the Extension “Improved Variable Product Attributes for WooCommerce” to display the attributes of each product. Btw, do you know how I can limit how many attributes are displayed in a line on single product pages? For example i have 20 different attributes for a product, how i can set up to show 5 in a line, the next 5 in the next line etc. ?! Not sure if this is something you can answer.

    However, to get any help on this will be much appreciated.

    Btw: I also want to make you a compliment. I did already open a few topics and your support is awesome.

    May 8, 2017 at 1:09 pm #789533
    Victoria

    Hey force-media,

    Could you please give us a link to your website, we need more context to be able to help you.

    Thank you for the compliment :)
    Best regards,
    Victoria

    • This reply was modified 7 years, 6 months ago by Victoria.
    May 8, 2017 at 1:14 pm #789538
    force-media

    Hi Victoria,

    I have temporarily published a test product of the shop I am working on. Please see URL in private content section.

    Thanks,
    Frank

    May 8, 2017 at 2:05 pm #789586
    Victoria

    Hi Frank,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .variations_form {
    border: none;
    background-color: transparent;
}

    Don’t forget to flush the cache or disable cache until you get the issue resolved.
    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 8, 2017 at 2:43 pm #789619
    force-media

    Thanks Victoria,

    It works fine.
    Do you also know how I can move the add-to-cart button to the left side?

    May 8, 2017 at 2:47 pm #789625
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .entry-summary .variations_form {
    padding-left: 0!important;
}
.entry-summary .single_variation_wrap {
    margin-left: 0;
}

    Best regards,
    Yigit

    May 9, 2017 at 11:13 pm #790679
    force-media

    Thanks, please feel free to close this topic.

    May 10, 2017 at 12:40 am #790716
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to remove background of quantity section on WooCommerce-Product Pages’ is closed to new replies.