Mailchimp

I need to change the background color of Mailchimp form just for only mobile devices. Check the image, provide me code for only mobile devices.

Attachments:

You must be logged in to view attached files.

Hello,

You have added inline styles to the form, they cannot be changed with custom CSS.

Please remove these styles and I will provide custom CSS both for the desktop and for mobile.

Best Regards

Okey .. removed the inline CSS.

Hello,

Please add this code to the Theme Settings > Custom CSS > Desktop:

body .form-style-semi-rounded input[type=email]{
background-color:red;
}

Please add this code to the Theme Settings > Custom CSS > Mobile:

body .form-style-semi-rounded input[type=email]{
background-color:green;
}

Set the colors as per your needs.

Best Regards

I have another problem, how to enable lazy loading just for the header navigation drop-down menus.

Attachments:

You must be logged in to view attached files.

Hello,

Unfortunately, there is no option to set a lazy load for the menu. This feature is available for images in the content.

Best Regards

I have another problem. How to changes all the icons, please check the image. Theme settings have three custom button options but I need to change all the icons.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the icons URL from this source https://fontawesome.com/

We will give the custom CSS.

Best Regards

Is that possible to provide the icons URL from my website uploaded file?

Hello,

I am a bit confused. You want to change the icons in the bottom navbar, what icons do you want to use instead?

Best Regards

Okey.. I will provide an icon link. Check private content.

Hello,

You have added the icons as the custom links though there are elements for shop and others, please add them from the option.

Meanwhile, here is the code for menu and home:

body .woodmart-toolbar-home .wd-tools-icon:before {
    color:transparent;
    width:30px;
	  height:30px;
	  background-image:url(https://mettho.com/wp-content/uploads/home.svg);
	  background-position:center center;
    background-size:contain;
	background-repeat:no-repeat;
}
body .woodmart-burger-icon .woodmart-burger,
body .woodmart-burger-icon:hover .woodmart-burger{
	color:transparent;
    content: "";
    width:30px;
	  height:25px;
	  background-image:url(https://mettho.com/wp-content/uploads/menu.svg);
	  background-position:center center;
    background-size:contain;
	background-repeat:no-repeat;
}

Best Regards

[Author]

Posts