Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 18, 2020 at 2:34 pm #1194120
    philipbrook

    Hello,

    I am looking for a snippet to allow me to modify the width of the format value box on a WooCommerce variable product page in Enfold. It is way too wide for my needs as can be seen on the page: https://www.taiwanteacrafts.com/?p=20673. can anybody help, please?

    Thanks in advance,

    PB

    March 19, 2020 at 6:34 pm #1194504
    Victoria

    Hey philipbrook,

    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

    
 .avia-webkit #top.woocommerce-page select {
    width: 300px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 19, 2020 at 6:49 pm #1194510
    philipbrook

    Hello Victoria,

    Thank you for your quick reply. It works in Quick CSS, thank you! But, I would also like to align this box to the right to leave more room for the long variation description I have. Maybe it’s a question of allowing more space for the description as well? Can you work your wonder and provide me with another snippet for that?

    Thanks in advance.

    PB

    March 19, 2020 at 7:00 pm #1194518
    Jordan Shannon

    Hi,

    Add this to quick css:

    #top .variations td.label {
    width: 100%;
    text-align: right;
}

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.