Home › Forums › WoodMart support forum › Coupon Code CSS copy

Coupon Code CSS copy

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 14, 2017 at 10:46 am #24153

    keizershaquil
    Participant

    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.
    November 14, 2017 at 1:18 pm #24196

    Bogdan Donovan
    Keymaster

    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

    November 14, 2017 at 8:58 pm #24246

    keizershaquil
    Participant

    ty 🙂

  • Author
    Posts

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Coupon Code CSS copy’ is closed to new replies.