Dead space/extra padding on "Food recipes" demo… How to remove?

Posted in: Newspaper
Post count: 25
ZIMM
#181829
Jul 6, 2017 at 3:55 am

https://demo.tagdiv.com/newspaper_recipes/

On the larger screens (ie; 1600×1200 screen resolution) there is blank dead space right above the top bar/menu which is black in the demo url above and displays the weather, date, etc.

What is the best way to get rid of the dead space, and make sure the top bar/menu is properly displayed all the way at the top… ?

  • This topic was modified 9 years by ZIMM.
Post count: 20688
Simion C.
#181882
Jul 6, 2017 at 10:22 am

Hi,

That is how the Recipes demo was designed. It is meant to have that margin on the top, with a specific media condition
– https://www.screencast.com/t/lxCOzu66h
You can remove it by entering this code in Theme panel->Custom Css
– https://www.screencast.com/t/m6sKd5wff

@media (min-width: 1180px) {
.td-recipes.td-boxed-layout #td-outer-wrap {
margin-top: 0;
}}

Or by editing the demo stylesheet directly and removing it form there
– https://www.screencast.com/t/kxwepDsELUif

Thanks

Post count: 25
ZIMM
#182009
Jul 6, 2017 at 9:10 pm

Thank you for the helpful advice.

I edited the demo stylesheet directly, and was able to make the necessary updates.

However, now the background image of the “theme background” section has some dead/white space above it. What needs to be updated for the image to be flush/all the way to the top as well?

Thanks again!

Post count: 20688
Simion C.
#182068
Jul 7, 2017 at 9:27 am

Hi,

The background image is always the same. It should cover the whole page, depending on the image used and background settings. This margin that you removed does not affect the background, only the page content.
Removing the margin on the demo looks like this
– https://www.screencast.com/t/BL1cbZdBvO1
Please provide a link to your website so we can inspect it and see the issue.

Thanks

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