Archived topic

space between image and text

5 replies · Started by Torsten on February 18, 2020

Viewing posts 1–6 of 6

February 18, 2020 at 2:24 am #1168880

Hi,
I can't find the trigger to space image and text in the blog-section...
can you help, please?

if setting

.iw-so-article-thumb  {
    margin-left: 1%;
}

it doesn't give extra space, but the text "jumps" below the image.
thanks ahead,
Torsten

I've tried as well the following

.single .site-main img {
    padding: 20px 0px;
}

provided in the support forum, this didn't help neither.

February 18, 2020 at 5:32 am #1169007

Hi there,

try:

.iw-so-blog .iw-so-blog-container .iw-so-article .iw-so-article-thumb.iw-so-blog-article-responsive {
    margin-right: 1% !important;
}

February 18, 2020 at 6:13 am #1169037

Hi David,
this helped, a bit...
better than before.
already with the value of 1% the text goes below the image.
The maximum value possible was 13px, which is my actual setting now.
Any way to keep the textblock beside the image until 990px(?) window width with 25% image width (minimum) of the container when the text is below the image?
Please try resizing the browser window to see the effect.
Thanks ahead,
Torsten

February 19, 2020 at 2:31 am #1170038

You can try this:

@media (min-width: 900px) {
    .iw-so-blog .iw-so-blog-container .iw-so-article.iw-so-blog-one-column {
    	display: flex;
	}
}

February 19, 2020 at 2:55 am #1170071

lovely,
thanks a lot!

February 19, 2020 at 4:54 am #1170155

You're welcome

This archived topic is closed to new replies.

Start building better websites today.