Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 7, 2015 at 6:21 am #440762
    OneClickTech

    Hi.
    I love your theme.
    I find it usual easy enough to customize but i am having trouble getting WooCommerce single Page layout with variable to center the heading instead of being on the side. I would like it to be centered above the variable option.
    Could you help please with some css advice.
    Attached is a screen shot.
    https://www.dropbox.com/s/2hl9rr36vy24d97/1.PNG?dl=0

    • This topic was modified 9 years, 7 months ago by OneClickTech.
    May 9, 2015 at 7:31 am #441904
    Ismael

    Hey OneClickTech!

    Thank you for using Enfold.

    Use this in the Quick CSS Field:

    #top .variations td.label, #top .variations td:nth-child(2) {
  width: 100%;
  display: block;
}

    Best regards,
    Ismael

    May 9, 2015 at 11:04 am #441929
    OneClickTech

    Thank you Ismael. That worked.
    I then add the below code for the Recipient Name which worked with a few more edits.

    #top .woo-vou-recipient-fields td.label,#top .woo-vou-recipient-fields td:nth-child(2) {
    width: 92%;
    display: block;
    margin-left: 10px;
    border:hidden;
    }
    Could i ask for one more edit. How do i center the add to cart button.
    https://www.dropbox.com/s/told4xomn84ygpu/333.PNG?dl=0

    Thank you so much.

    May 11, 2015 at 5:51 pm #442590
    Andy

    Hi!

    hm what exactly do you want to achieve? do you want to move the words “Add to cart”? if yes use this code:

    button.single_add_to_cart_button.button.alt {
padding-right: 30px;
}

    and adjust as needed.

    Best regards,
    Andy

    May 12, 2015 at 10:08 am #442889
    OneClickTech

    Hi Andy.
    Thank you for getting back to me.
    It was actually to center everything inside that red box. As you can see its slightly of set and when responsive its noticeably not centered.

    Hope that makes sense.

    May 13, 2015 at 3:39 am #443489
    Ismael

    Hi!

    Use this:

    div form.cart div.quantity, #top form.cart .button, .single_variation {
  float: none;
  margin: 5px auto;
  text-align: center;
  display: block;
}

.single_variation_wrap {
  margin: 10px 0px 20px 0px;
}

    Cheers!
    Ismael

    May 13, 2015 at 3:43 am #443490
    OneClickTech

    Thank you Ismael.
    Most appreciated.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘WooCommerce single Page layout with variable’ is closed to new replies.