Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 11, 2019 at 6:20 pm #1052832
    AD

    Hello,
    I’m having a problem changing CSS to fix a column width issue with Woocommerce products. The CSS that needs changing is in this file:
    wp-content/uploads/dynamic_avia/avia-merged-styles-d779f89c7bdf44f6b5c57a79ea24cf75.css

    I’d like to change the 24.25% width to 100% with the following CSS:

    div .products .product {
min-width: 100%!important;
width: 100%!important;
}

    It won’t change though, if tried to change it in Quick CSS and the file itself. Could someone advise me on this? Thanks!

    January 11, 2019 at 8:03 pm #1052875
    Victoria

    Hey w3newbie,

    You must have an error somewhere in Quick css and so the code does not seem to work, please validate all the css you have there.

    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

    
div .products.columns-3 .product {
    width: 100%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 11, 2019 at 8:47 pm #1052892
    AD

    Works thank you so much!! I had an open CSS comment that needed correcting.

    January 12, 2019 at 8:12 am #1053017
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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