gregaitch Posted March 18 Posted March 18 Image insets from border when applying CSS to image with block ID with below CSS, but fits snugly when the same CSS is applied to the property selector .image-block-wrapper. See two uploaded images below for comparison. I only want to apply to select images, not universally. If I can resolve, I'll add more feature image block-IDs to the entry. Thank you! #block-dd9a8d05f998d8510303 { border: 1px solid hsla(45, 5%, 90%, 1.0); border-radius: 20px; box-shadow: 0px 0px 20px 5px hsla(45, 5%, 45%, 0.2); } Relevant web page CSS to Block ID insets image: CSS to property selector .image-block-wrapper fits image snugly:
tuanphan Posted March 21 Posted March 21 So you want to adjust your code to achieve last screenshot? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
gregaitch Posted March 21 Author Posted March 21 Hi @tuanphan, thx for checking. Yes pls, snug-fitting is the target. It snug-fits when I CSS a property selector for the entire site, but adds padding when I CSS block-ID (same CSS).
gregaitch Posted April 11 Author Posted April 11 Just checking in to see if anyone might have a solution to removing the padding when the image is CSSd as a Block ID, but fits correctly (snugly) when referred to as a property selector. Thx!
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment