Coupon Code CSS copy

Hello,

I’m using Yith Gift Card plugin, and it adds a gift card code field on both the cart and checkout page, just like the coupon code. Could you style it the same as you styled the coupon code, I really liked it. If its not possible, can you provide the css? Please see attached screenshot. Thanks

Attachments:

You must be logged in to view attached files.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.checkout_coupon {
	margin-bottom: 30px;
}

div.ywgc-have-code {
	padding-top: 0;
}

.ywgc-have-code > span {
	font-weight: bold;
	color: #2d2a2a;
}

.ywgc-have-code > a {
	font-weight: bold;
	color: #f94545;
	text-decoration: underline;
	margin-left: 5px;
}

.ywgc-have-code > a:hover {
	text-decoration: underline;
}

.ywgc-enter-code .form-row:first-child {
		padding: 30px 25px;
    text-align: center;
    border: 2px dashed #ddd;
    max-width: 450px;
}

.ywgc-enter-code .form-row .button {
		background-color:#f95757;
		color: white;
		border-radius: 35px;
}

.ywgc-enter-code .form-row .button:hover {
		box-shadow: none;
		-webkit-box-shadow: none;
}

@media (max-width: 767px) {
	
	.ywgc-enter-code #giftcard_code {
		margin-bottom: 20px;
	}
	
	.ywgc-enter-code #giftcard_code,
	.ywgc-enter-code .form-row .button {
		width: 100%;
		max-width: 100%;
	}
}

Regards

ty 🙂

[Author]

Posts