- This topic has 3 replies, 2 voices, and was last updated 8 years, 5 months ago by
.
Hi again,
Sorry to bother you but can you help me to remove the padding from images within a “text frame” content element please? I’ve tried adding a custom css attribute to the image (img-frame-icons) and setting the css class to margin-bottom: 0px but it doesn’t seem to have any effect.
This is the custom css I’ve tried adding:
.sh-text-with-frame-container {
padding: 10px 10px 0 0;
}.img-bottom-left {
margin-bottom: 0px;
}I have all of the settings within the column and text frame sections on the page editor set to zero left and bottom but it’s still showing this 33px padding underneath the image.
I basically want the image to sit flush in the bottom left corner of each text frame, is this something you can help me with please?
Thanks in advance again,
Sean
Solution for this topic
Hi Sean,
I hope you are well today and thank you for your question.
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.entry-content .sh-section-3441bed9bf5e2c3f4f066f0893f1397a img { margin-bottom: 0; } .entry-content .sh-section-3441bed9bf5e2c3f4f066f0893f1397a .sh-column{ height: auto !important; }Best regards,
Shufflehound teamHi again,
That’s amazing, you don’t know how long I’ve spent trying to work that out!!
Thanks again for the excellent support.
Cheers,
SeanYou are always welcome here 🙂
