Reply To: Paypal Debit & Credit Option Not Themed

Hello,

Add the code below to the “Global custom CSS” area in Theme Settings -> Custom CSS. That’s all we can do as the form from the plugin is situated in the iframe which we do not have access to.

#wc-ppcp-credit-card-gateway-cc-form input {
	line-height: 1;
	padding-block: calc((var(--wd-form-height) - 14px) / 2);
}

#ppcp-hosted-fields .ppcp-dcc-order-button {
	float: none;
	width: 100%;
	padding: 5px 28px;
	min-height: 48px;
	font-size: 14px;
	border-radius: var(--btn-accented-brd-radius);
	color: var(--btn-accented-color);
	box-shadow: var(--btn-accented-box-shadow);
	background-color: var(--btn-accented-bgcolor);
	text-transform: var(--btn-accented-transform, var(--btn-transform));
	font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
	font-family: var(--btn-accented-font-family, var(--btn-font-family));
	font-style: var(--btn-accented-font-style, var(--btn-font-style))
}

#ppcp-hosted-fields .ppcp-dcc-order-button:hover {
	color: var(--btn-accented-color-hover);
	box-shadow: var(--btn-accented-box-shadow-hover);
	background-color: var(--btn-accented-bgcolor-hover)
}

#ppcp-hosted-fields .ppcp-dcc-order-button:active {
	box-shadow: var(--btn-accented-box-shadow-active);
	bottom: var(--btn-accented-bottom-active, 0)
}

Kind Regards