https://rareparenting.com/books-for-children-about-disability/
Hello, I’m using the “media & text” standard block. When it stacks on mobile, the text below the image is very close to the image. There doesn’t seem to be a way to adjust the padding of the text or image for mobile only. Changing the margins/padding in tagdiv composer doesn’t do anything, as that adjusts for the entire block. I need to adjust for the image or text specifically, so they aren’t so close together. There doesn’t seem to be a way to do this in editor. Please let me know?
Thanks!
Megan
Hello Megan!
Add this CSS code in the Live CSS box:
.tagdiv-type figure img {
margin-bottom: 20px;
}
Thank you!
Thanks, Bettina but where’s the Live css box? There’s an “ADDITIONAL CSS CLASS(ES)” in the editor within the post, but that didn’t work. (I added it there and nothing changed.)
Thanks!
Hello Megan!
It should be found on that page in your frontend: https://prnt.sc/M8BfLury6bpJ -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Got it, yes that worked! Is there a reason it’s needed? It doesn’t seem to make sense to have to add custom code to a pre-built block. Also, do you know how to control the image size on mobile? It defaults to the full width of the screen, which works for some posts but not all. Thanks, Bettina!
Hello Megan!
There is probably a conflict with some extra code or a plugin. On my end, it’s working as it should. You cannot add space only to a paragraph in the tagdiv composer (there is an option for all the content). Please note that you should have the full-HD images uploaded to your Media Library. Make sure your image is not cropped and that you selected the full size. Please note that in some old blocks, you can’t control them.
Thank you!
I don’t have any extra code on the site, aside from what you’ve given me. All the images are also full images. The missing space is the same for every image, and not just on this page. This happens every time I create a media & text page, for all images on mobile. Any ideas? It doesn’t seem logical to have to input CSS code every time we create a new page with media & text blocks. Thanks!
Hello Megan!
Make a test and deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it, clear all cache and try again.
If the problem is still there, then contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– the license certificate and purchase code
– a link to this topic in order to identify you
Thank you!
