Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 27, 2017 at 2:55 am #813278
    z_evelina

    Hi,
    I have a woocommerce shopping card widget on the sidebar, and can’t get the buttons to fit the word “checkout” and be the same size.
    They also differ from other buttons – could you please advise what to change so the text would be white and not underlined.
    Thank you very much!
    Evelina

    June 28, 2017 at 3:17 pm #813861
    Victoria

    Hey z_evelina,

    Could you please give us a link to your website, we need more context to be able to help you.
    Best regards,
    Victoria

    June 28, 2017 at 10:10 pm #814120
    z_evelina

    Hi Victoria,
    Details below.
    Thank you

    June 29, 2017 at 2:46 pm #814495
    Victoria

    Hi z_evelina,

    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 .widget_shopping_cart .woocommerce-mini-cart__buttons.buttons a {
  min-height:50px;
  color: #fff !important;
  padding: 15px 5px;
  font-size: 14px !important;
  word-wrap: break-word;
}
.inner_sidebar{
margin-left:10px;
}

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

    June 30, 2017 at 11:54 pm #815204
    z_evelina

    Thank you!, Victoria! Now the text fits and the color is white. Is there a way to remove the underline below the words?

    July 5, 2017 at 10:25 pm #816906
    Basilis

    Hi,

    div .widget_shopping_cart .woocommerce-mini-cart__buttons.buttons a {
    min-height:50px;
    color: #fff !important;
    font-style: none !important;
    padding: 15px 5px;
    font-size: 14px !important;
    word-wrap: break-word;
    }

    Best regards,
    Basilis

    July 6, 2017 at 12:00 am #816940
    z_evelina

    Thank you Basilis, however, it still has the words underlined.

    July 6, 2017 at 7:09 pm #817449
    Victoria

    Hi,

    Here is what the code I gave you should look like, you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
div .widget_shopping_cart .woocommerce-mini-cart__buttons.buttons a {
  min-height:50px;
  color: #fff !important;
  padding: 15px 5px;
  font-size: 14px !important;
  word-wrap: break-word;
  text-decoration: none !important;
}

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

    July 6, 2017 at 11:32 pm #817536
    z_evelina

    Thank you!

    July 7, 2017 at 7:01 am #817640
    Rikard

    Hi,

    Glad we could help. 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 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.