I have problems with my shop, product, instruction manual and home page.

Hello,

1/ ‘Firstly, I’d want to set a margin or a padding to the left and top side of my shop page, as some elements are too close.’ –
Please, go to Theme Options -> Theme Custom CSS -> Global CSS and next custom css:
.archive.woocommerce .content-page {
margin-top: 50px;
}
2/
‘Also, can you help me to set my product’s images with a 20px border radius’ –
Please, go to Theme Options -> Theme Custom CSS -> Global CSS and next custom css:
.content-product .product-content-image {
border: 20px solid #888;
}
https://gyazo.com/02d7643b406115be3eb10ad6b0b96047
3/
‘Is there a way to change its position’ –
Please, go to Theme Options -> Theme Custom CSS -> Global CSS and next custom css:
.woocommerce-product-gallery__image img {
width: 100%;
}
https://gyazo.com/55f98280a51c5bf1e85accb4701ee5e0
4/ ‘Then, can I set the image zoom to a little bit lower?’ –
If you mean on single product page then it is not possible because it is calculated by script of zoom.js
5/ ‘Finally, can I set a border radius on the first slider on the instruction manual page?’ –
Please, go to Theme Options -> Theme Custom CSS -> Global CSS and next custom css:
.page-id-6713 .elementor-widget-etheme_slider {
border-radius: 50px;
overflow: hidden;
}
6/ ‘And in the fifth section of the homepage, could you set the banner zoom animation not to let the image off the banner’s borders?’ –
Please, go to Theme Options -> Theme Custom CSS -> Global CSS and next custom css:
.et_image-hover-2.active img, .et_image-hover-2:hover img, .et_image-hover-4:not(:hover):not(.active) img {
transform: scale(1.07);
}

Also we highly recommend you to provide admin access if you have such questions of customization changes. And please, make your questions numerical.

Regards

Hello,

1/ Could you provide screenshots, for a better understanding of problem?
2/ Theme Options > WooCommerce > Shop elements > Sale > Sale Label Size, or provide temporary wp-admin access, so we can take a closer look.
3/ Try to use this custom CSS code –

.single-product .woocommerce-product-gallery__image {
    border-radius: 20px;
}

4/ Submit this question as a separate topic – https://www.8theme.com/forums/xstore-wordpress-support-forum/ , provide temporary wp-admin and FTP access. One of our technicians will check it more deeply after the weekend.
5/

.etheme-sticky-panel .et-single-buy-now.single_add_to_cart_button.button {
    border: 1px solid white !important; 
}

6/

.back-top {
    background-color: #a50852;
    color: #fff;
}
.back-top svg path {
    stroke: #101010;
}

7/ Theme Options > Styling > Inputs Background Color
8/

.woocommerce-account .content-page {
    margin-top: 60px;
}

Regards

Hello,

1) Add the below code to custom CSS

.woocommerce-store-notice.demo_store a {
    color: #1dbaef    ;
}
.woocommerce-store-notice.demo_store a:hover {
    color: #d912c2    ;
}

2) Go to Pages > edit page where you want to remove that > 8theme Layout options > Use custom pre-footer for this page/post > choose Without.
There is no option to disable it for the subscribed customers. Only by additional customization.
3) Add the below custom

.et-promo-text-carousel a:hover {
    color: #ec10d2;
    opacity: 1;
}

4) It requires additional customization. You can submit customization request here.
5)

.single_add_to_cart_button.button:hover {
    background-color: #ffffff;
    border-color: #1dbaef;
    color: #eb12d2;
}

If you don’t have CSS skills you can use Yellow pencil plugin (XStore > Plugin Installation).
6) Are you talking about this notice https://gyazo.com/e29fa0401c84a49fdba40434f99e1a7c
Add the following code
.et-notify[data-type=success] {
background: #eb10d2;
}
7) Go to XStore > Sale booster > Progress Bar > disable option. Do you want to add border-radius here https://www.awesomescreenshot.com/image/24410368?key=45f32fee38b2b58f87164c30d0141b49 ?

.cart-widget-products .product-mini-image img {
    border-radius: 20px;
}

8) Use

.etheme-sticky-cart .wp-post-image {
    border-radius: 20px;
}

9) Use

.empty-cart-block .btn:hover, .empty-category-block .btn:hover {
    border-color: #eb10d2 !important;
}

We don’t have the option to change the link.
10),11) Provide us with WP Dashboard access to check these pages. Or use Yellow pencil plugin to change styles.
12) Are you talking about border-radius for the product image everywhere?
13) Provide link to the page that you are talking about and also a screenshot of the result that you plan to achieve. Because I’m not sure that understand what you want to implement.
14) You use third-party plugin for the reviews. So, contact plugin author with this question.
16) The black shadow on the black background? Are you talking about main image of the product on the single product page.
17), 18) You can edit the buttons bg and border colors in Theme Options > Styling. Or use Yellow pencil plugin to customize styles. Or create list of all the customization you need and submit customization request to customization team.
19) If you want to place custom content go to Theme Options > 404 page > add HTML content you want to show there. There is no special option to remove that. Only by additional customization.

Regards

Hello,

3),12) Provide us with auth credentials. We can’t check your Dashboard without that.
16) Add the below custom code

.single-product .product img {
    -webkit-box-shadow: 0px 0px 15px 2px #9240b3 !important;
    box-shadow: 0px 0px 15px 4px #9240b3 !important;
}

Regards

Hello,

I changed code to following

.single-product .product .woocommerce-product-gallery img {
		margin: 15px;
		-webkit-box-shadow: 0px 0px 15px 2px #9240b3 !important;
    box-shadow: 0px 0px 15px 4px #9240b3 !important;
}
.single-product .product .woocommerce-product-gallery.swipers-couple-wrapper .swiper-wrapper img {
    width: calc(100% - 30px);
}

Check now. Does that suit your needs?

Regards