Contact Page Icons

Hi Basel,

I am working with the Basel 3.3.1. theme and I have the following problem:

The contact demo page has 4 icons, a rocket, envelope, arrow and a clock. I can’t change these icons. When i change the name of an icon it just disappears. How can I solve this?

Kind regards,

Aron

Hi,

We have used simple line icons list for that page and you can see all available names http://simplelineicons.com/ ?

Regards

Hi Basel,

Thanks! I have another problem; see attachement. How can I align the house number suffix with the other fields?

Kind regards,

Attachments:

You must be logged in to view attached files.

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

.woocommerce-billing-fields #billing_house_number_field {
margin-left: 4%;
}

.woocommerce-billing-fields #billing_house_number_suffix_field {
 float: left;
 margin-left: 5%;
}

.woocommerce-billing-fields #billing_house_number_suffix_field label {
	line-height: 24px;
}

@media (max-width: 768px) {
	.woocommerce-billing-fields #billing_house_number_field,
	.woocommerce-billing-fields #billing_house_number_suffix_field {
	margin-left: 0;
	width: 47%
}

	.woocommerce-billing-fields #billing_house_number_suffix_field {
 	float: right;
}
}

Regards

[Author]

Posts