Remove space between featured image and text

tvfh1906 · November 2016

Hello Betheme-team again,

How can i resize the frame of the featured image to remove the gap between the Image and the text, as you can see in the post : Heuer ist früher weihnachten....

[Links visible only for registered users]

Thanks

Albert · November 2016

Hi,

to decrease space between the image and the text on blog page, you need to use the following css:

.post-item .post-photo-wrapper { width: 12% !important; }
.post-item .post-desc-wrapper { width: 88% !important; }

tvfh1906 · November 2016

Wow- superfast and working response again !

I`m thinking about how to get the title and the featured Image in an even line. When i edit line height in .blog_wrapper .post-desc .post-title h2 a {

font-size: 20px;

line-height: 1.2;

display: block;

}

ist getting better, but not shown right at responsive design....

Albert · November 2016

Please send us screenshot with necessary changes of how you would like to display it on mobile.

tvfh1906 · November 2016

With line height 1.2 it Looks like:

Desktop:

[Links visible only for registered users]

Mobile:

[Links visible only for registered users]

With line height 0.0

Desktop:

[Links visible only for registered users]

Mobile:

[Links visible only for registered users]

Text and featured Image shoul be in an even line.

And a last additional question:

When i open a single post and scroll down to the last post the date is written through the featured image... How can i place the date above the image ?

Regards

Albert · November 2016

Ok, got it. So to set up line height for mobile devices only, you need to use the following css:

@media only screen and (max-width: 767px) {
    .blog_wrapper .post-desc .post-title h2 a {
        font-size: 20px;
        line-height: 1.2;
        display: block;
    }
}

In reference to your 2nd question, we do not have any solution to move the date above the image unfortunately.

tvfh1906 · November 2016

Is it possible to remove the date ?

Albert · November 2016

If you will send us link to page where from you would like to remove date, we will have a look on it.

tvfh1906 · November 2016

[Links visible only for registered users] as example....

Albert · November 2016

Ok, thanks. So to remove date, please use the following css:

.section-post-related .post-related .date_label { display: none !important; }

Remove space between featured image and text

Comments

This website uses cookies