Remove white space when no feature image is used

Posted in: Newspaper
Post count: 7

Hi – how do I remove the white space when no feature image is used at the top of the page…

https://craftriver.com/diy-home-decor-ideas-on-a-budget-diy-crafts-for-the-home/

Also – how do I align center the “pagination” numbers at the bottom of the page – and make them about twice the size?

Thanks…

Post count: 20688

Hi,

The post page you mention looks like this for me
https://www.screencast.com/t/zl3mCs147
If you could provide some more details about what exactly you want to remove, I will try to give you a solution. There are a couple of post templates that does not display a featured image in the post page (template 5 and 12)
https://forum.tagdiv.com/post-templates-2/
Or you can disable the featured image in the theme panel
https://www.screencast.com/t/XcKw5XxBlt8
A featured image still has to be set in order for the thumbnails to be created
https://forum.tagdiv.com/theme-thumbs/

For the centering of the pagination use a code like this
https://www.screencast.com/t/WV0GLZOzm
Enter it in Theme panel->Custom CSS section

.page-nav {
margin-right: auto;
margin-left: auto;
display: table;
width: auto;
}

Thanks

Post count: 7

Hi Simion,

Thanks I got the pagination centered!

In terms of the white space – if you see the menu HOME | KIDS CRAFTS | DECORATING etc

then underneath is a gap of white space – then the image…

So I want to remove that white space and have the image – right up at the top of the post…

Thanks a million for your help!

Tiarnan

Post count: 20688

Maybe something like this where the space is removed completely
https://www.screencast.com/t/EilxnGOVAMh

.td-crumb-container {
display: none;
}

Or reduce it like this
https://www.screencast.com/t/1uRmq8cHPZ

.td-crumb-container {
min-height: 10px;
padding-top: 0;
}

Post count: 7

Hi Simion,

I went with –

.td-crumb-container {
min-height: 5px;
padding-top: 0;
}

which pretty much does the job – so thanks a million for that…

So I think the last thing is …

I’m using a plugin to remove the TITLE at the top – but when the page initially loads – at first you see the TITLE load up for about a second (and it kind of jumps around the page) then the image loads up about a second later…

Is there anyway to remove the TITLE 100% (but leave it in the background for SEO purposes?)

Thanks again,

Tiarnan

Post count: 22421

Hello,

If you want the title do disappear faster, you should add the code directly in style.css rather than the custom code section or the plugin custom code.

Thank you!

Post count: 7

Hi Bogdan,

Ok…

1) Ive disabled the “hide title” plugin

2) I have this code in the custom code section – which removes all the white space above the H1 Title:

.td-crumb-container {
display: none;
}

3) But – I also want the H1 title set to “display none” – and the image right up at the top of the page…

So what code would I need for that and where would I put it?

Also – its specifically for this url – https://craftriver.com/diy-home-decor-ideas-on-a-budget-diy-crafts-for-the-home/

Thanks,

Tiarnan

  • This reply was modified 8 years by tman76.
Post count: 22421

Hello,
If you want to hide the title from that specific post, you shoul;d add this code in style.css:

.postid-744 .td-post-title{
display:none;
}

Thank you!

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