Search Results for '.td-main-page-wrap'

Hi,

That is the page padding top, it is coming from the theme – http://prntscr.com/mkfrrb
One way of removing it is with CSS – http://prntscr.com/mkfstd

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

Thanks

Hi,

You have set a padding-top -> https://www.screencast.com/t/UBzNuaNRPg if you’ll remove it your page will look like this -> https://www.screencast.com/t/DT7wgNJx ; you can do this with custom css -> https://www.screencast.com/t/3B7X7hjJ5uS
set the code in Newspaper>Theme panel>Custom code>Custom css ->
.td-main-page-wrap {
padding-top: 0;
}
or for line -> https://www.screencast.com/t/5H7DHHhxWI -> https://www.screencast.com/t/EOMd7CVNHu
.td-header-style-11 .td-logo-wrap-full {
border-bottom: 0;
}

Hope this will help you!
Thanks.

Hi,

That snap is set by default when scrolling up, I could give you a simple code to cancel it. Enter it in the custom CSS section of the mobile theme – http://prntscr.com/mgu36b

.td-header-wrap {
position:static!important;
}
.td-main-page-wrap {
padding-top: 0!important;
}

Should work, give it a try.
Thanks

Hi,

So the background color should affect the page content only in the homepage. One solution would be to stretch the rows in the homepage, and set a background color for each of them
– http://prntscr.com/mgf1wi – http://prntscr.com/mgf221

It can be done with some CSS as well, just for the homepage
– http://prntscr.com/mgf77i
I could modify the code if needed, let me know

.home .td-main-page-wrap,
.home ins,
.home .td-header-style-10 .td-banner-bg {
background-color: #d8d4dd;
}

Thanks

Hi,

Please add this custom css in Newspaper>theme panel>Custom code>Advance css> phones
https://www.screencast.com/t/VObCKxWv2y
.td-main-page-wrap {
padding-top: 0px;
}
https://www.screencast.com/t/w8AIZ8AP

Thanks.

Hi,

Unfortunately to set the background color on specific/one post, this is possible only with custom css.
In order to do that you need to get the post id, just go in post and hover the title post https://www.screencast.com/t/5Cf6BVDe
https://www.screencast.com/t/OganU3cnjGb

the custom css is :
.postid-8197 .post{
background-color: lightgray;
}
.postid-8197 .tdc-row{
background-color: white;
}

for page
.page-id-2554 .td-main-page-wrap {
background-color: red;
}
https://www.screencast.com/t/NTIPPpbi49Su

Or you can set background color on categories -> https://forum.tagdiv.com/primary-category/
You need to paste the css in Newspaper>Theme panel>Custom code>Custom css
Hope this will help you.

Thank you for your understanding.

Hi,

Please add this custom css in Newspaper>Theme panel.Custom code>Custom css
.td-main-page-wrap {
padding-top: 0px;
}

Hope this will help you.
Thanks.

Hi,

Here is the css, you can change the parameter
.td-main-page-wrap {
padding-top: 25px;
}
https://www.screencast.com/t/DuLOdB3tw2NC

Hope this will help you.

Hi,

If this is want you want https://www.screencast.com/t/X9EdcvyWE just add thsi custom css in Newspaper>theme panel>custom code> custom css
.td-main-page-wrap {
padding-top: 0px;
}

Thanks.

Hi,

That top space is the padding of the page, default value is 48px, but in the journal demo it’s set to 80px.
I could give you a code to remove it – http://prntscr.com/lk745p
Enter it in Theme panel->Custom CSS section

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

Regarding the width, please check the row settings stretch settings
– https://www.screencast.com/t/jVXVNFORbg

As for the ratio, only flex grids have settings to adjust the image in the modules
– https://www.screencast.com/t/mQGx6f2a2
So you can control image alignment, image height and width. Default big grids and full width grids don’t have such settings.

The images in the mega-menu should be of this size, it cannot be changed
– https://www.screencast.com/t/Q0N3opVZYKQy
In your case some of the thumbnails are not created properly. Please regenerate the thumbnails to recreate them
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/

Thanks

Hi,

Please add this custom css in Newspaper >Theme panel>Custom code>Custom css
.td-main-page-wrap {
padding-top: 0px;
}

tagDiv Composer tutorial -> https://forum.tagdiv.com/tagdiv-composer-tutorial/

Thank you.

Hello Bader,

Try to use the code below and place it in Theme panel -> Custom CSS area.

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

Thanks for your understanding!

Hi,

Copy this code in Newspaper>Theme panel>Custom code> Custom css
cede:
.td-main-page-wrap {
padding-top: 10px!Important;
}

.widget{
margin-bottom: 0!Important;
}

https://www.screencast.com/t/lY5RECung
See results: https://www.screencast.com/t/bVJkvC2UE17m

Thank you.

Hi,

That space above the slider is the top padding of the page, it will always be there regardless of the content of the page. If you want to remove it enter this code in the theme panel custom CSS section

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

Regarding the slider, you can make it full width in the slider settings
– https://www.screencast.com/t/S8XXJd5A
– https://www.screencast.com/t/dDaOuP6g

Thanks

You can set any value (except negative) when using padding. Don’t forget to specify a measure unit (like px)

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

I understand now, you mean that padding. I was looking for an actual line, sorry for that.

That is a padding top set for the page
– https://www.screencast.com/t/rWRDNqKjF
By default that would be applying for the page, only with some CSS it can be removed
– https://www.screencast.com/t/BG5mhfPJ2Kb

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

Hello usman,

Try to use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

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

Thanks for the message!

Hi,

I see that now, somehow I missed it before. Remove that code and use this one instead

.home .td-travel-header {
bottom: -220px;
}
.home .td-main-page-wrap {
position: relative;
top:-220px;
}

It would produce a better result – http://prntscr.com/k7cb1t

Thanks

Hi,

Glad it worked. That padding could be removed with a code like this

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

If you mean the font weight, the demo uses these settings for the top grid
– https://www.screencast.com/t/mBQd7qroLaNC
– https://www.screencast.com/t/ZLkXTQglBr5Y
The bottom positioning of the article title is as well a demo customization, this is the code for the customization
– https://pastebin.com/tYg5t1qc
Be sure to use Full big grid 8 and grid style 7.