How can I resize an image and adjust padding using CSS?

Technical Q&A
1

Hi All

I need some help on some little tweaks to my store.

  1. I would like to add 15-20 pixels of padding above the main Nine of Cups House Blend image?

  2. I would like to reduce the size of the Nine of Cups House Blend image for the desktop versions or add padding around the sides

  3. I would like to change the current grind icon which is the recycled icon to a custom vector (a coffee bean)

https://nineofcups.coffee/

PW ZedsDead1981

Many Thanks

Graham

2

hii, @GrahamBucknell
Can you send me a screenshot of what you want so,
I can solve your issue.
Thank You.

3

2.PNG
2.PNG833×893 571 KB

3.jpg
3.jpg1454×269 32.5 KB

Thank you :slightly_smiling_face:

1 I would like to add space in the area with the arrow

2 I would like to reduce the image down for desktop versions but keep it central

3 I would like to change the icon for a vector SVG that I create (is this just a case of swapping the link and hosting it somwhere)

4

@GrahamBucknell
Do you want this in mobile view or desktop view?
Thank You.

5

I want it all to work in both apart from the scaling (2) which I only want to do in desktops/ tablets