Can I remove padding from a specific image using the css editor?

PBierau · July 15, 2021

Site URL: https://www.wapacklabs.com/redxray

Can I remove padding from specific image using the css editor?
The code that I used - seemed to effect the images on all the pages on the website. Can I direct the css to a specific page or image? Thank you.

This is what I used:

.sqs-block.image-block {
padding: 0px 0px 0px 0px;
}

Edited July 15, 2021 by PBierau
better discription

creedon · July 15, 2021

Most likely yes. We'd need to know which specific image you want to remove the padding from.

PBierau · July 15, 2021

Here is the name of the first image. -- TOPIC BLOCKSArtboard 1.jpg

I will want all of them to not have padding.

Thank you so much for your help!!

creedon · July 15, 2021

The URL for the page where those images appear?

creedon · July 16, 2021

Remove previous attempts at this effect.

Add the following to Design > Custom CSS.

#block-yui_3_17_2_1_1611536090911_13771,
#block-yui_3_17_2_1_1611536090911_15064,
#block-yui_3_17_2_1_1611536090911_5435,
#block-yui_3_17_2_1_1626279894886_78956

  {
  
    padding : 0;
    
    }

This is for v7.0 using the Brine template family.

If you delete or add blocks then you'll need to update the block id selectors. Notice the last selector doesn't get a comma after it.

Let us know how it goes.

PBierau · July 16, 2021

Worked Great! Thank you.
How can I add images to this solution?

Thank you
Pamela

Edited July 16, 2021 by PBierau
added the word 'images'

creedon · July 16, 2021

To target more image blocks add selectors. Like...

#block-xyz, ( comma after the selectors except for the last line )

To find image block ids check out Heather Tovey's most excellent looking Squarespace ID Finder.

If you need to target images other than image blocks we'd need to see the other images to know what selectors to use.

PBierau · July 16, 2021

Thank you! Using your guidance and Heather Tovey's amazing ID finder I am soooooooo thrilled with the results! Yup, I will be back for other help!

How do I mark your answers as Best?

Thank you again!

tuanphan · July 22, 2021

On 7/15/2021 at 7:47 AM, PBierau said:

Site URL: https://www.wapacklabs.com/redxray

Can I remove padding from specific image using the css editor?
The code that I used - seemed to effect the images on all the pages on the website. Can I direct the css to a specific page or image? Thank you.

This is what I used:

.sqs-block.image-block {
padding: 0px 0px 0px 0px;
}

Just found some other problems. Do you need to help with these?

Site URL: https://www.wapacklabs.com/

1. (Tablet/Mobile – Footer) There is a gray space at the bottom of the page