Contact Page Icons

This topic has 3 replies, 3 voices, and was last updated 7 years, 2 months ago by Bogdan Donovan.

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

Author

Posts
September 5, 2017 at 7:17 am #18847

dinatostore
Participant

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

September 5, 2017 at 8:50 am #18851

Artem Temos
Keymaster

Hi,

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

Regards

September 5, 2017 at 12:50 pm #18862

dinatostore
Participant

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.

September 5, 2017 at 5:35 pm #18893
Bogdan Donovan
Keymaster
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