Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 14, 2014 at 10:56 am #264569
    sdeceulaer

    Hi,

    I am using woocommerce with your enfold theme.

    In the right column of every page, I have installed the woocommerce cart widget, to show the contents of the cart.
    But there are some problems:

    1. as the label for the ‘check cart’ button is rather long in the Dutch translation, the buttons do not appear well. I do not want to change the translation, as it is used elsewhere too.
    2. the buttons are displayed differently on a woocommerce page (eg. shop page) compared to a regular page (eg. contact page)

    My website is in development phase, I cannot send you a link.
    I can send you screenshots, if you provide an e-mail.

    Thanks in advance

    May 14, 2014 at 4:00 pm #264730
    Yigit

    Hey Sara!

    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here privately by checking “Set as private reply (Only you and moderators will see the content of this post)” above Submit button

    Best regards,
    Yigit

    May 14, 2014 at 6:10 pm #264813
    sdeceulaer
    This reply has been marked as private.
    May 14, 2014 at 6:14 pm #264816
    Yigit

    Hi!

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

    #top div .widget_shopping_cart .button {
width: 70%;
float: left;
}

    Regards,
    Yigit

    May 14, 2014 at 6:41 pm #264832
    sdeceulaer
    This reply has been marked as private.
    May 14, 2014 at 6:44 pm #264835
    Yigit

    Hi!

    If you are not developing locally, do you mind creating a temporary login so we can take a look? I cannot reproduce the issue on my local installation

    Best regards,
    Yigit

    May 14, 2014 at 7:06 pm #264853
    sdeceulaer
    This reply has been marked as private.
    May 15, 2014 at 5:18 am #265078
    Ismael

    Hey!

    Thank you for the update.

    It is better if we can see the actual live website but please do try this on Quick CSS or custom.css to fix the cart widget buttons:

    .woocommerce-page .button {
min-width: 100px;
min-height: 54px;
}

#top div .widget_shopping_cart .button {
width: 49%;
float: left;
}

#top div .widget_shopping_cart .button.checkout {
margin-top: 4px;
}

    Regards,
    Ismael

    May 15, 2014 at 9:00 am #265183
    sdeceulaer

    Thank you very very much.
    With your code as a starting point, I managed to make them appear the same.
    They take the full width, which is better for smaller screen sizes, and with the longer label.

    I use this code now

    #top div .widget_shopping_cart .button {
width: 99%;
float: left;
margin: 4px 2px 0 0;
border-radius: 2px;
text-align: center;
}
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘cart buttons in right panel not displaying correctly’ is closed to new replies.