No search results were found in Documentation!
Hello!
Sure. Here is the code:
.td-header-desktop-wrap .tdc_zone {
box-shadow: 0 -13px 10px 3px rgba(0, 0, 0, 0.12);
}
.td-main-content-wrap {
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.12);
}
.td-footer-wrap .tdc_zone {
box-shadow: 0 13px 10px 3px rgba(0, 0, 0, 0.12);
}
.td-main-page-wrap {
overflow: visible !important;
}
Thank you!
Hi Roger,
If you want a quick solution is a custom css, but this can be done using tagDiv Composer, please select the content from tagDiv Composer and set on it in css tab the margin top 0 – https://i.imgur.com/NqA8kXt.png if is not working, then try the css
.home .td-main-page-wrap {
padding-top: 8px;
}
This can be set in the theme panel > custom code> custom css and the results will be – https://i.imgur.com/BUdkfOy.jpg
Thank you!
Hi Anamaria, the workaround I’ve found is as follows.
.td-header-desktop-wrap .tdc_zone {max-width:1164px;margin:auto; box-shadow: 0 -10px 10px 2px rgba(0,0,0,0.1) !important;}
.td-main-content-wrap {box-shadow: 0 0 10px 2px rgba(0,0,0,0.1) !important;}
.td-footer-wrap .tdc_zone {max-width:1164px;margin:auto; box-shadow: 0 10px 10px 2px rgba(0,0,0,0.1) !important;}
.td-main-page-wrap {overflow: visible !important;}
The .tdc-zone needed a max-width of 1164px to remain at the boxed width along with auto margins to centre align it. This seems to have done the trick.
Is tagDiv Composer 3.9 different to tagDiv Composer 4.1? What’s caused the difference between the two sites, I’m intrigued.
Thanks
Matt.
Hello Matt,
You need to use a custom code css to have shadow for all header content, footer.
You need to have set background color and check to be boxed; after you need to use this custom code, you can add it in a raw css -> https://i.imgur.com/f8523bu.png -> https://i.imgur.com/9gbDLmF.jpg
.td-header-desktop-wrap .tdc_zone {
box-shadow: 0 -13px 10px 3px rgba(0, 0, 0, 0.12);
}
.td-main-content-wrap {
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.12);
}
.td-footer-wrap .tdc_zone {
box-shadow: 0 13px 10px 3px rgba(0, 0, 0, 0.12);
}
.td-main-page-wrap {
overflow: visible !important;
}
Thank you!
Hello,
To set the code you can use the element Raw CSS https://i.imgur.com/RhqCpmO.jpg and this is the code
.menu-item .tdb-menu-item-text .tdc-font-tdmp {
font-size: 24px;
position: relative;
top: 5px;
left: -2px;
}
@media (min-width: 768px) and (max-width: 1018px) {
.menu-item .tdb-menu-item-text .tdc-font-tdmp {
font-size: 20px;
top: 4px;
left: -1px;
}
}
.td-header-desktop-wrap .tdc_zone {
box-shadow: 0 -13px 10px 3px rgba(0, 0, 0, 0.12);
}
.td-main-content-wrap {
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.12);
}
.td-footer-wrap .tdc_zone {
box-shadow: 0 13px 10px 3px rgba(0, 0, 0, 0.12);
}
.td-main-page-wrap {
overflow: visible !important;
}
.td_block_template_8 .td-block-title > *:before,
.td_block_template_8 .td-block-title > *:after {
height: 3px;
margin-top: -2px;
}
Thank you!
Hello!
The demo has a padding top there. Please try to add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:
.td-business.home .td-main-page-wrap {
padding-top: 0!important;
}
Let me know the results!
Thank you!
Hello Ana Maria. It is perfect, it is what I needed, although I have changed it to -45 now if it is perfect. Thank you
.td-header-style-4 .td-header-menu-wrap-full {
top: -45px;
}
.td-main-page-wrap {
padding-top: 0px;
}
Hello,
This can be achieved using a custom code CSS =>https://www.screencast.com/t/keyKSSIf2dO
.td-header-style-4 .td-header-menu-wrap-full {
top: -40px;
}
.td-main-page-wrap {
padding-top: 0px;
}
Set the code in Theme Panel -> Custom Code -> Costum CSS.
Hope this helps you!
Thank you!
Hello,
Please check if you have set the element in the inner row=> https://www.screencast.com/t/XSAIialcCfr if yes then you can delete the padding-top on the inner row => https://www.screencast.com/t/GVuAAEIcS -> https://www.screencast.com/t/9L5VixHE
Also, you can check the row/column/element if doesn’t have to set the padding-top in the tab CSS.
If you want you can use, also, this custom code CSS => https://www.screencast.com/t/nL7Z0OjUTT
.td-main-page-wrap {
padding-top: 0;
}
Set the code in Theme Panel -> Custom Code -> Costum CSS.
Hope this helps you!
Thank you!
Hello!
There is a default header template. Please try to add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:
.home .td-main-page-wrap {
padding-top: 0!important;
}
Thank you!
Looks like that code made some issues, so using this code to hide that section which i showed in the video above.
Here is the cusotom css i tried, in case if anyone else is also getting the same issue.
/* Inner */
.td-main-page-wrap .tdc-zone .tdc_zone .stretch_row_1400 .td-pb-row .tdc-column .wpb_wrapper .vc_inner{
display:none;
}
Hi there, I also am getting the same issue. But i have tried everything mentioned above. Here is the very short video i just created with my audio to show you that all the tips were given above is no longer working in the new updated version of the theme. Here is the video = https://youtu.be/fZ9TpBuTxtw
Note:- For the time, i am going to hide them with custom css
/* Inner */
.td-main-page-wrap .tdc-zone .tdc_zone .stretch_row_1400 .td-pb-row .tdc-column .wpb_wrapper .vc_inner{
display:none;
}
Hello!
1. Try to add this CSS code:
.tdc-header-template .td-main-page-wrap, .tdc-no-header .td-main-page-wrap {
padding-top: 50px;}
2. Unfortunately, this will require custom work which is not covered by the support team.
Thank you!
Hello !
Please replace that code with this one: .page-id-6859 .td-main-page-wrap {
padding-top:10px!important;
}
Thank you !
Hello !
Please use this css: .td-main-page-wrap {
padding-top:0px;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hello !
Please use this css code for this: .td-main-page-wrap {
padding:1px!important;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hi, you can edit it with tagDiv Composer, but you need to find the right settings, a faster way is with this custom css
https://i.imgur.com/zPtrud3.png
.contact-us.tdc-header-template .td-main-page-wrap {
margin-top: -88px;
}
Set the code in theme panel> custom code> custom css.
Hope it will help yoU!
Hi,
That is the page top padding. There are a few ways to remove it. One would be to enter this code in the theme panel custom CSS section
.home .td-main-page-wrap {
padding-top: 0;
}
The result should be like this https://prnt.sc/ud11ah Please try it.
Thank you!
Hi,
I think that you are referring to this space -> https://i.imgur.com/RUnzvby.png
In order to remove the gap you can edit the page and set to the first row a margin top
-40 https://www.screencast.com/t/XHpfT49oE9U or you can use custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
-> https://i.imgur.com/jGHYu2s.png
.td-main-page-wrap {
padding-top: 0px;
}
This code need to be set in theme panel> custom code> custom css.
Hope it will help you!
Hello !
Please use this css code: .td-main-page-wrap {
padding:0;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hi,
This site is not made with our theme, also when it is set on the left is not full loaded, this is normal look like this -> https://i.imgur.com/5ksuLKT.jpg
Now you can achieve this only if you are using a background image to have a boxed layout -> https://i.imgur.com/DJwFWw4.png -> https://i.imgur.com/DV6dABg.png ->
https://i.imgur.com/y1SIcEe.jpg
.td-header-desktop-wrap .tdc_zone, .td-boxed-layout .td-container-wrap.td-main-page-wrap, .td-footer-wrap .tdc_zone {
position: relative;
left: -80px;
}
This custom css need to be set in theme panel> custom code> custom css.
Hope this will help you!
Hi,
Let try other method, please use this custom css
-> https://i.imgur.com/InPzTnW.png
.td-main-page-wrap {
padding-top: 8px;
}
This css need to be set in theme panel> custom code> custom css.
Thank you!
Hello !
Please use this code: .td-main-page-wrap {
padding-top:0px;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hello, I’ve spend hours trying to make the background of the main CONTENT ZONE transparent…
In the TD Editor under CONTENT > ZONE > CSS I’ve tried changing the color where it says BACKGROUND COLOR but nothing seems to be affected…
I’ve even tried looking at the HTML source and adding this to the LIVE CSS EDITOR:
.td-main-content-wrap,
.td-main-page-wrap,
.td-container-wrap,
.tdc-content-wrap,
.tdc-zone,
.tdi_2_eeb,
.wpb_row,
.td-pb-row,
.tdc-element-style,
.td-big-grid-flex,
.td-big-grid-flex-scroll,
.td_block_wrap,
.td_block_big_grid_flex_5,
.tdi_10_e0e,
.td-pb-border-top,
.td_block_template_14,
.td-big-grid-flex-posts
{
background-color: transparent!important;
}
Nothing seems to work. Why is this so hard???
Finding the right place for this in the TD EDITOR settings should really be MUCH simpler!
Hello !
I mean that IN posts you will have to edit the posts not the post layout.
For the top space you can use this css code: }
.td-boxed-layout .td-container-wrap.td-main-page-wrap {
overflow: hidden;
margin-top: -33px;
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
