Css help please

  • Can anyone please help me tweak this css?
    I would like the “View cart” button to appear the same styling as that in the Nav Bar.
    IE. Square with padding around the text.
    You may need to add something to the cart to make this button appear.

    /*.home .box-wrapper {margin-top: -20px !important;}*/
    a.button.wc-forward.btn-link {
    color: #fff;
    background: #dd0000;
    border-radius: 4px;
    padding: 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px
    }

    • This topic was modified 4 years, 6 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • In your style.css you unfortunately have:

    .btn-link { padding: 0 !important; }

    The !important rule means that this CSS rule takes precedence over any other similar rule that is also not !important. To make your padding take, you also need to make it !important:

    a.button.wc-forward.btn-link {
	color: #fff;
	background: #dd0000;
	border-radius: 4px;
	padding: 32px !important;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}
    Thread Starter willpower1

    (@willpower1)

    Awesome. Thank you very much for that.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Css help please’ is closed to new replies.