Add a space gap above the whole website

Posted in: Newspaper
Post count: 9
giantastic
#73295
Oct 8, 2015 at 12:33 pm

Is there a shortcode to be put in custom CSS to lower the header, adding a transparent gap above it?
I’d like to use ads in background. Is it possible to make the background to link to a page?

Post count: 22421
Bogdan B.
#73329
Oct 8, 2015 at 3:43 pm

Hello,

You can lower the whole site using this code:

#td-outer-wrap{
top:100px;
}

result: http://screencast.com/t/IS4sLr5Z6u

You can make your background ad to link to whatever you want. Follow this tutorial in our documentation: https://forum.tagdiv.com/background-ad/

Thank you

  • This reply was modified 10 years by Bogdan B..
Post count: 9
giantastic
#73383
Oct 8, 2015 at 6:57 pm

Thank you, it worked.

Post count: 20
elgade
#124780
Jul 27, 2016 at 10:16 am

Hi,

I used this code in custom CSS (I have Newspaper 7) but it didn’t work anymore.
What could i do to fix it please ?
Thanks !

Post count: 22421
Bogdan B.
#124805
Jul 27, 2016 at 11:30 am

Hi,

For newspaper 7, please use this code:

#td-outer-wrap{
position:relative!important;;
top:100px!important;;
}

Thank you!

Post count: 20
elgade
#124913
Jul 27, 2016 at 6:34 pm

Great ! It works ! Thank you very much 😉

Post count: 76
Richard
#254615
Sep 23, 2018 at 3:44 am

Hi Bogdan

Is there similar code to put a gap between the top menu and the header please?

Thanks
Richard

Post count: 20685
Simion C.
#254727
Sep 24, 2018 at 11:17 am

Hi,


@rfiling So maybe something like this – https://www.screencast.com/t/YOhxhhfmv

.td-header-top-menu-full {
margin-bottom: 50px;
}

Thanks

Post count: 76
Richard
#254952
Sep 25, 2018 at 2:30 pm

Hi Simion

Thank you! You support guys rock! Really.

I could get it working just like you did when I use that code in live css in the browser but it isn’t working when I use the same code in the Custom CSS section of the Newspaper Theme Panel. Any idea what I’m doing wrong?

Richard

  • This reply was modified 7 years by Richard. Reason: having difficulty replicating the fix in css
Post count: 20685
Simion C.
#254975
Sep 25, 2018 at 4:02 pm

Hi,

Is it entered in the custom code section at the moment? It’s not loaded from what I can see. Try it with important

.td-header-top-menu-full {
margin-bottom: 50px!important;
}

Also maybe clear your cache after entering it.

Post count: 76
Richard
#255019
Sep 26, 2018 at 12:08 am

Hi Simion, there must have been other custom css code interfering because as soon as I deleted the rest of the code leaving only the .td-header lines, it worked perfectly! I’ll see if I can work out what is blocking your code.

I know I’m stretching the friendship but one more related question. There is a gap between the top of the page and the top menu. What could I do on WomensGolf.com that would eliminate that so that the .td-header is right at the top? What I am trying to duplicate is the position of the top menu on https://www.pgatour.com/

Thank you again – very much appreciated.

Richard

  • This reply was modified 7 years by Richard.
Post count: 76
Richard
#255024
Sep 26, 2018 at 1:41 am

Thank you Simion

This was all solved by one of your earlier answers. I’m happy.

Best wishes,
Richard

Viewing 12 posts - 1 through 12 (of 12 total)
You must be logged in to reply to this topic.