Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 9, 2017 at 4:47 pm #806139
    force-media

    Hi Guys,

    I hope you can help me on this topic. I am using a WooCommerce Addon called “Improved Variable Product Attributes for WooCommerce”. However, currently I am modifying the shop sites of my WooCommerce installation.

    What I am going to do is to center product descriptions and images. So far i was able to get everything done with my CSS knowledge, but for some reason I don’t get the product attributes moving where i want to have them (centered below the description).

    Thanks for your help!

    June 13, 2017 at 2:08 pm #807458
    Yigit

    Hey,

    Sorry for the late reply!
    Not sure if i understood the changes you would like to make clearly. Can you please post a screenshot and point them out?
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    June 16, 2017 at 12:19 pm #808941
    force-media

    Hey Yigit,

    Thanks for getting back to me and apologize for my late response as well. In the meantime i got a bit further with the css, but I am still struggling with a tiny little thing. It’s the headline of the product attributes. To make things clear i’ve added to screenshots to this post (see privat content section).

    The first screenshot shows you how site looks before i’ve adding my custom css and the second screenshot what happened after i’ve added the following css code:

    div .ivpa_attribute, .ivpa_text, .ivpa_border, .ivpa_activated {
padding-top: 20px;
  display: flex;
  text-align: none !important;
  align-items: center;
  justify-content: center;
}

    Thanks for your help!

    June 19, 2017 at 8:19 pm #809935
    Victoria

    Hi,

    Try this code instead and don’t forget to flush the cache:

    
div .ivpa_attribute, .ivpa_text, .ivpa_border {
        padding-top: 20px;
        text-align: center;
}
#ivpa-content .ivpa_attribute.ivpa_text.ivpa_border .ivpa_term {
    display: inline-block;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 27, 2017 at 10:38 am #813339
    force-media

    Hi Victoria,

    I appreciate your help on this topic.

    Please open the link to see how it looks after your css code was added. For some reason variations are still not centered.

    Thanks,
    Frank

    June 27, 2017 at 1:41 pm #813405
    Yigit

    Hi Frank,

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #ivpa-content .ivpa_attribute {
    width: 285px;
    margin: auto;
}

    Best regards,
    Yigit

    June 27, 2017 at 2:31 pm #813431
    force-media

    Thank you so much, Yigit. It’s working now. Please feel free to close this thread.

    June 27, 2017 at 2:34 pm #813436
    Yigit

    Hi,

    You are welcome :)

    Let us know if you have any other questions or issues!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Trying to center product variations on WooCommerce Shop’ is closed to new replies.