Reducing space underneath header & title on smaller images

Posted in: Newspaper
Post count: 8

Dear tagDiv team,

I would like to remove the space that separates the Logo & Menu from the Image Grid on my front page.
This area: http://i.imgur.com/SjkQp5U.jpg Link to front page: http://bit.ly/1Ytfdu8

Also, is there a way to get the title, date, author & comment counter to also be on top of this image, like when I choose a layout with full size images? For example, I’d like to do that on this post: http://bit.ly/1NxhNDR

If yes, I would also love to remove the empty space that separates the image & sidebar on the right from the logo & menu.

Thanks a lot for your help!

Post count: 23312

Hello DonLuigi,

If you want to reduce that space, please try to use a bit of CSS and add it in Theme panel.

The code is ->

.td-main-page-wrap {
padding-top: 0px;
}

The result you should see here -> http://screencast.com/t/zPbhEBQrEwru

Unfortunately, there is not a simple task and it is necessary to do some additional customizations. For the suggestion, you have to use the code of the single template 3, that look similar what you want to achieve and adjust until you achieve as you want. Please notice that is not easy and you must have some experience in CSS and HTML to complete successfully this customization. If you are not aware the steps in this regard, please consider hiring a freelancer/developer to do this for your because we cannot provide custom services at the moment, sorry!

As a quick solution, you can try using a single template 3 with a bit of CSS to position the meta info.

The code is ->

.td-post-template-3 .td-post-title {
top: 0;
}

The result you should see here -> http://screencast.com/t/fwfdZJTsZQcx

Hope this helps and let us know how it goes!

Thank you for the message!

Post count: 8

thanks a lot Catalin, it worked perfectly & looks great now! (the first part)

Alright, I will try to find an alternative solution for the title on the images.

Do you by any chance also know what code I need to add to the CSS, so that I remove the space between the Logo/Menu and the post/page title (the ones without big sized images)?

Thank you and have a great week!

Post count: 23312

Hello Don Luigi,

If you want to remove definitively this white space, please try the code below and add it in the Theme panel->Custom CSS area.

The code is->

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

This code could affect other theme functionalities because each container from the theme has one purpose.

The result you should see here -> http://screencast.com/t/W3EUa5GOK

If is not what you mean, please provide more details about your desired changes so I will be able to provide a more accurate response.

Hope this helps!

Thank you for the message!

Post count: 8

thanks a lot!

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