Decrease the size of a logo

[attackon]

I want to decrease the size of this logo I have added in my website https://swawe.store/
it’s an interactive logo that moves when cursor hovers over it, I also want to replace this logo with some another file I have created as mp4

[niraj_patel]

Hello @attackon

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.sphere { width: 200px !important; /*adjust according to you*/ height: 200px !important; /*adjust according to you*/ }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[parth_ghelani]

Hello @attackon

Can you please confirm that for which logo do you want to decrease the size, the main header logo or the bottom sphere logo ?

[attackon]

bottom sphere logo

[BSS-TekLabs]

• Here is the solution for you

• Please follow these steps:

• Then find the base.css file.

• Then add the following code at the end of the file and press ‘Save’ to save it.

.container .sphere {
 width: 250px !important;
 height: 250px !important;
}

• If you want it to be smaller, reduce 250 to a smaller number.

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

[attackon]

I want to replace that logo too, how do I do it with a 3d video

[niraj_patel]

don’t understand what you want?

[attackon]

I want to put a new 3d logo in place of that 2d logo in sphere which is currently there

[niraj_patel]

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.sphere { background-image: url("add your image url here") !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.