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

Hello,

@Mijaz please try the manual activation https://www.screencast.com/t/u42DUufc
As for the header, you can use this code to bring the content closer to it:
.td-main-page-wrap{
padding-top: 25px!important;
}

Thank you!

Hello gunngx,

1)If you want to reduce that white gap, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->
.td-main-page-wrap {
padding-top: 15px;
}
The result is here -> https://www.screencast.com/t/O6g81zm0U

2)You should regenerate your thumbnails using the Force Regenerate Plugin and Regenerate Thumbnails. For more information about this problem, please check here -> https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/

Thanks for your understanding!

Hi,

You can use this code that will remove the padding set on top of the page, as well as the bottom padding
– https://www.screencast.com/t/TgF71sWIoo
The code must be entered in Theme panel->Custom Css

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

Thanks

Hi,

You could reduce the padding top of the page – https://www.screencast.com/t/9fkMc2BYde4d using a code like this – https://www.screencast.com/t/SpAt4GrM This is the code used and it must be entered in Theme panel->Custom Css – https://www.screencast.com/t/vDQOjXrw
Please let us know if this is working for you, or you need further help.

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

Thanks

Hello Arianna,

1)Notice that the Weather Widget is fully tested with our theme and it should work for most cities. For more references about how you can set it, please consult here -> https://forum.tagdiv.com/weather-widget-newsmag/
2)You do not use the correct HTML tag to add an image link to your website. Try to check the guide from here -> https://www.w3schools.com/tags/att_a_href.asp and check the results.
3)If you want to remove the white space which is placed above to your footer section, you simply use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-footer-template-4{
padding-top:0!important;
}
.td-footer-wrapper{
padding-top:0!important;
}
.td-main-page-wrap {
padding-bottom:5px!important;
}

The result is here -> https://www.screencast.com/t/bAqAwjC8W

Thanks for the message!

Hello,

The code must be adapted to other pages as well using the page id. You can see the page id like so: https://www.screencast.com/t/YrtUpCMJ
You can use the same code for multiple pages by adding them like so:

.home .td-main-page-wrap, .page-id-2647 .td-main-page-wrap, .page-id-2648 .td-main-page-wrap, .page-id-2649 .td-main-page-wrap{
padding-top: 0!important;
}

You can change the id’s in the code to match your own.

Thank you!

Hello,

The white part you see is the top padding added on the page content. You can remove it for the homepage using this css code:
.home .td-main-page-wrap{
padding-top: 0!important;
}

Thank you!

Hi,

If you mean the padding on the page wrap – https://www.screencast.com/t/f6glx01Y you could modify it using some custom css like this, just enter it in Theme panel->Custom Css. Here is a guide about the browser inspector tool to help you identify the elements on the page and their classes in order to create custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

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

If this not working for you or it is not what you meant, please provide a link to your website so I can give you a more accurate solution.

Thanks

• This reply was modified 9 years by Simion C..

Hello,

For the first issue, you can use this code:
.home .td-main-page-wrap{
padding-top: 2px;
}

As for the latest articles you can change the page template to one that does not contain the latest articles section: https://forum.tagdiv.com/page-templates-2/

Thank you!

Hi,

You can remove the space between the menu and the slider by using this code, just enter it in Theme panel->Custom Css

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

Result – https://www.screencast.com/t/9y1dHt8nD2
Also please note that if you choose to use Header style 9,10 or 11 – https://forum.tagdiv.com/logo-favicon/ you can use bigger sized full width logos like in this demo – http://demo.tagdiv.com/newspaper_cars/
Hope this helps you

Thanks

Hi,

1. Try this code, enter it in Theme panel->Custom Css

.td-header-style-10 .td-header-top-menu-full {
border-top: 4px solid #009688;
}
.td-header-style-10 .td-header-gradient::before {
height: 4px;
position: absolute;
bottom: 0;
background-color: #009688;
}

Result – https://www.screencast.com/t/qhd6Hsf96n

2. You can use this code for the space between the menu and slider

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

Result with the previous code and this one – https://www.screencast.com/t/ntnXouH1qiGm
Please let me know if this works for you.

Thanks

Hi,

For the white color around the blocks enter this code in Theme panel->Custom Css

.td-main-page-wrap {
background-color: #efefef;
}

Result – https://www.screencast.com/t/Tb9Xjnawi325
The top menu inherits the width of the container when the site is boxed and it would be dificult to make it full width.

Thanks

Hi,

Try this code, enter it in Theme panel->Custom Css (you can modify the margin values to what suits you best)

.td-header-style-8 .td-header-top-menu-full {
margin-top: 48px;
}
@media (min-width: 768px) {
.td-main-page-wrap {
margin-top: 48px;
}
}

Before – https://www.screencast.com/t/YARiAdR3vM
With code added – https://www.screencast.com/t/APMZJxIISn
Please let me know if this works for you

Thanks

Hello,

Please use this code:
.td-main-page-wrap{
padding-top: 0!important;
}
This css will affect ALL pages so you must be careful on the other pages to what element you have on top asw not all pages have the same grid on top of them so maybe you do not want it to affect all p[ages. In that case you will need the page id;s where you want the code to apply to. You cna get a page id like so: http://screencast.com/t/xSGmFLnTj

Thanks.

Ok, no problem If you want to affect all pages at once, then simply copy this code:
.td-main-page-wrap{
padding-top:0!important;
}
And paste it in the theme panel-> custom css box like so: http://screencast.com/t/zu1pD3UAeh
That’s it. No other steps needed.
Now there should not be any white space above the page content.
Thank you!