Need some style and adjustments

Need some some style for scroll to top button
My requirements-
1. Scroll to top button background should be blur effect for both pc and mobile devices.
2.this button positioning should be 5px Up from the mobile bottom bar and placed left side

Need adjustment with checkout page ,

My requirements-
1. Customer ‘first name’ should be shown as ‘’Your Name ‘’

Need adjustments for sticky add to cart bar –
My Requirement-
1. Stick add to bar background should have blue effect.

Thanks .

Attachments:

You must be logged in to view attached files.

Hi Apon Ahamed,

Thanks for reaching to us.

1. + Blur effect: Unfortunately, there is no such option right now.

+ Mobile devices: Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for Mobile section:

.sticky-toolbar-on a.wd-sticky-btn-shown.scrollToTop {
	bottom: calc(12px + 60px + var(--wd-sticky-btn-height));
}

a.scrollToTop{
	right: auto;
	left: 12px;
}

2. + In order to change / translate words. Please make sure you synced the strings first before changing / translating WooCommerce, WoodMart Core plugins and WoodMart theme. You can refer to article

https://xtemos.com/docs-topic/theme-translation/
https://xtemos.com/docs-topic/how-to-make-woodmart-multilingual-with-wpml/

+ You are also need to select the language for the backend and theme settings for admin from the admin user profile, please edit the user’s profile and then select the language for that user it will show the same on the backend.

3. Sticky button

Please try to use the below custom CSS code and paste it to Theme Settings > Custom CSS > Global CSS section:

div.wd-sticky-btn{
	background-color: rgb(28,97,231);
}

Best Regards.

[Author]

Posts