Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 7, 2019 at 7:12 pm #1051012
    AD

    Hello there,
    If I try to use the Woocommerce shortcodes to display single products using short codes they will not take up the full column in the avia builder. I have added a link below and tried some CSS customizations already but I can’t get it working. Any ideas?
    Also my website has been loading incredibly slowly since recent updates to WordPress and I’m not sure if there is a conflict with the theme somewhere but if you have any advice on this that would be great!
    Thanks! :)

    January 8, 2019 at 6:15 am #1051195
    Vinay

    Hey w3newbie,

    Thank you for writing to us.

    Are you posting the shortcode inside a color section? Only then it will be full width or else it will automatically take the width of the container.

    To speed up your site please try installing a caching plugin and enable the CSS and JS merging in Enfold > Performance

    Reduce the number of http requests and compress the large images on the homepage.

    Please test your site on https://tools.pingdom.com/ for more info.

    Best regards,
    Vinay

    • This reply was modified 5 years, 10 months ago by Vinay.
    January 8, 2019 at 8:40 am #1051284
    AD

    Hi Vinay,
    Thanks for your response and for the advice on the speed. As for the Woocommerce product shortcode, I’ve tried to get it to display using a ‘code block’ element inside of a 1/3 column. I’ve tried with the 1/3 column inside and outside of a color section but the Woocommerce product still on displays at a portion of the column’s width.
    Are you saying that products can only display if they are in a full screen column?
    Thanks in advance for any additional help on this.

    January 9, 2019 at 4:57 pm #1051919
    AD

    Hello, I thought I would try to give this thread a bump. Any help is greatly appreciated :)

    January 11, 2019 at 10:44 am #1052670
    AD

    Hello, I would like to see if someone can help with the Woocommerce columns only taking up a small percentage of the Enfold columns. I have provided a link in the private content section to my website for an example of this. Thanks for any help I can receive on this :-)

    January 11, 2019 at 5:37 pm #1052809
    AD

    I believe I found the CSS to fix it, when I change the CSS in Google Console it works, but not if I change the style in the file or in Quick CSS:

    div .products .product {
    min-width: 100%!important;
    width: 100%!important;
    }
    /wp-content/uploads/dynamic_avia/avia-merged-styles-d779f89c7bdf44f6b5c57a79ea24cf75.css
    Any suggestions on getting the CSS to change? Thanks! :-)

    January 12, 2019 at 1:22 pm #1053047
    Victoria

    Hi w3newbie,

    Looks like you got it working for you now.

    Please let us know if you need any more help.

    Best regards,
    Victoria

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