change image position

Solved

change image position

Daniel19901
Shopify Partner
287 2 82

Hi again 🙂

 

Can anyone help me move this flower gif to the left edge of the screen ?

https://aaba5d-52.myshopify.com/

Daniel19901_0-1722185117095.png

 

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
1972 564 564

This is an accepted solution.

Hi @Daniel19901 , 

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

BSSCommerceB2B_0-1722190802308.png

 

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

div#b_image_N4c8MJ img {
    position: relative !important;
    left: -620px !important;
}

Step 3: Save your code and reload this page.

=>> The result: 

BSSCommerceB2B_1-1722190862007.png

 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 3 (3)

BSSCommerce-TC
Shopify Partner
225 49 51

Hi @Daniel19901 ,

You can follow these steps

Step 1: Go to Online store > Themes > Edit code and find base.css file

Step 2: Insert below code at the end file and Save them

 

.t4s-bl-item.t4s-img-child.t4s-animation-lightSpeedInLeft.t4s-hidden-mobile-true {
    left: -214px !important;
}

 

Result:

BSSCommerceTC_0-1722187694917.png

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

BSSCommerce-B2B
Shopify Partner
1972 564 564

This is an accepted solution.

Hi @Daniel19901 , 

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

BSSCommerceB2B_0-1722190802308.png

 

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

div#b_image_N4c8MJ img {
    position: relative !important;
    left: -620px !important;
}

Step 3: Save your code and reload this page.

=>> The result: 

BSSCommerceB2B_1-1722190862007.png

 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Daniel19901
Shopify Partner
287 2 82

@BSSCommerce-B2B thank you so much!! worked like magic!

 

Do you know maybe why I see it like this on smaller screens ? my screen is 1280 x 720
https://aaba5d-52.myshopify.com/

Daniel19901_0-1722194927606.png