Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


PBierau

Question

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 by PBierau
better discription
Link to comment

8 answers to this question

Recommended Posts

  • 0

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.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0

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.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0
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

wapacklabs.com-01-min.png

2. (Desktop) Texts overlap on header links

https://www.wapacklabs.com/redskyalliance

wapacklabs.com-02-2-min.png

3. (Desktop) The same here

https://www.wapacklabs.com/industryreports

(All the page belong to “Intelligence subscriptions” and “Intelligence services” have same error)

wapacklabs.com-03-min.png

4. (Mobile) Image is cut off

https://www.wapacklabs.com/redskyalliance

(All the page belong to “Intelligence subscriptions” and “Intelligence services” have same error)

wapacklabs.com-04-min.png

5. (Tablet) The same here

https://www.wapacklabs.com/redskyalliance

(All the page belong to “Intelligence subscriptions” and “Intelligence services” have same error)

wapacklabs.com-05-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...