Image spacing

Posted in: Newspaper
Post count: 88

Hello, I have some questions.
Site: mongooz.co.kr

1. I want to change the image width to 100% on mobile. I tried several settings in the newspaper theme, but nothing changed. If there is a way to set it with CSS, please let me know.
-> https://ibb.co/G4vYgs8H

2. I want to reduce the gap when placing two images side by side. I also want to reduce the gap when merging images and galleries. (But I want to keep the original gap when there is only one image.)
Reference: https://avada.tistory.com/3050

-> https://ibb.co/kVsHCTGW
-> https://ibb.co/CKdDQsBf
-> https://ibb.co/cKqQDBQg

This is a problem I’ve been wanting to solve for a long time, but I haven’t been able to.

Post count: 27744

Hello,

Unfortunately, I can’t access your website -> https://i.imgur.com/lNOSFiP.png. Please provide the links where you have the images and gallery to provide a CSS code

Thank you!

Post count: 88

Site: https://mongooz.co.kr
Site: https://mongooz.co.kr/%ea%b0%95%eb%a6%89-%eb%9a%9c%eb%b2%85%ec%9d%b4-%ec%97%ac%ed%96%89-day-1/

I never blocked access, so why can’t you connect to the site?

Post count: 27744

Hello,

You can try to use this code
.tagdiv-type figure img
{
margin-bottom: -25px;
flex: none!important;
}

Set the code in Theme Panel ->Custom code -> Custom CSS -> https://www.screencast.com/t/St204VtFl3NU

Thank you!

Post count: 88

This applies to all images. I want to keep the spacing between the text and the image the same.

Post count: 27744

Hi,

Delete the above code and use this one .wp-block-image + .wp-block-image,
.wp-block-image + .wp-block-gallery {
margin-top: -25px;
}

Thank you!

Post count: 88

Yes, how can this be solved?

1. I want to change the image width to 100% on mobile. I tried several settings in the newspaper theme, but nothing changed. If there is a way to set it with CSS, please let me know.

Post count: 27744

Hi,

The image is full. Please provide some screenshots about what you mean.

Thank you!

Post count: 88

https://ibb.co/HDNhyKyd

I tried using the image expansion feature of the Newspaper theme, but there was no response.

Post count: 27744

Hello,

Please select the port view on the phone, select the content zone and set the margin-left and right to -20 and set this code in width
calc(100% + 40px)

=> https://www.screencast.com/t/Ek89ppzTGldT You can use this method for both (mobile responsive version or mobile page)

Thank you!

Post count: 88

Yes, I just want to set the image like that. I would like to leave the rest as is.

Post count: 27744

Hi,

You can do the change as I said above.

Thank you!

Post count: 88

Yes, I applied the code above. But I want only the images to be applied.
If you use that code, it will apply to the rest of the parts.

Post count: 27744

Hi,

So, is this image on a block or in the post content? I need to know where exactly this is so I can provide a code with the link to the page and a screenshot where is on the page.

Thank you!

Post count: 88

Yes, it’s an image inside a single post.

Post count: 27744

Hi,

I checked and the image is full width there https://i.imgur.com/ThyEreT.png -> https://i.imgur.com/aNgOKqE.png

Thank you!

Viewing 16 posts - 1 through 16 (of 16 total)
The forum ‘Newspaper’ is closed to new topics and replies.