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

Hi Aditya,

Please try the code below and fix the problem with border in header style 2. This code is available only on this header style.

.td-header-style-2 .td-banner-wrap-full {
border-bottom: 1px solid #F3F1F1;
padding-bottom: 20px;
}
.td-main-page-wrap {
padding-top: 20px;
}

The result: http://screencast.com/t/ACxqzx5kv

I hope that is what do you want. If is not, please provide more details.

Thanks!

Hi Aditya,

If you want only the border you must try the code below:

.td-main-page-wrap {
padding-top: 22px;
border-top: 1px solid #F3F1F1;
}


Thanks.

Hi Aditya,

It is necessary to make some changes in style header-2 template for your customization like this:
http://screencast.com/t/pc3Td0DV and then try a bit of custom CSS below:

.td-header-style-2 .td-header-sp-logo {
margin-left: auto;
margin-right: auto;
}
.td-main-page-wrap {
padding-top: 22px;
border-top: 1px solid black;
}

The result you can see here: http://screencast.com/t/RHnTMiayh7y

Thank you and let us know how it goes!

Hi,
You can tweak it with custom CSS:
Place the code in the theme panel->custom CSS box.

@media (max-width: 767px){
.td-main-page-wrap {
padding-top: 30px!important;
}
.td-banner-wrap-full{
background-color: #222;}
}

Thanks.

Hello Ben,

CSS is a very specific code, so this will remove only the padding on this exact page. It is based on the page ID. If you want to apply this code to another page you will have to modify the page id number to match your page’s.
You can see the page id on the body tag with your browser inspector: http://screencast.com/t/Rghq4y8tN2
You have to be this specific otherwise it will apply to all pages of your site and create other problems.
Use this code in the theme panel -> custom CSS box

.page-id-1178 .td-main-page-wrap{
padding-top:0!important;
}
.page-id-1178 .td-main-content-wrap{
padding-bottom:0!important;
}

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

Thanks.

Hi,

This is the default theme behavior, not a bug: https://forum.tagdiv.com/background-introduction/
There is no setting in the theme panel to keep your full-width content if a background color is set.
In order to do this, you have to modify the theme CSS.
You can leave the background color to default in the theme panel and apply a color to the background with CSS.
Add this code in the theme panel-custom css:

body {
background-color: #dd3333;
}
.td-full-layout .td-main-page-wrap, .td-full-layout .td-banner-wrap-full {
margin-left: auto;
margin-right: auto;
width: 1164px;
}

You can then change the color of the body in the code and also adjust the width of the container to your preference.
result: http://screencast.com/t/apUtOa4rp

Thank you!

Hi,

Please check this css in Theme Panel > Custom Css – http://screencast.com/t/FEnpBLUsAuG4 and change the values like you need:

.td-header-style-10 .td-header-sp-logo {
margin-top: 20px;
margin-bottom: 20px;
}
.home .td-main-page-wrap {
padding-top: 20px;
}

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css for the Newsticker block – http://screencast.com/t/UouxLgnV

.home .td-trending-style2 {
margin-bottom: 0 !important;
}
.home .td-main-page-wrap > .td-container > .td-pb-row:first-child > .wpb_column > .wpb_wrapper > .td_block_trending_now {
margin-top: -48px;
}

And this one for Big Grid – http://screencast.com/t/x4ghHL0iJ

.home .td_block_big_grid_7 {
padding-bottom: 0;
}

Thanks!

Hi,

Try to use this custom css in Theme Panel > Custom Css – http://screencast.com/t/zaov6cUo3

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

Thanks!

Hi,

There is also a specific theme css on pages/posts more accurate there is a padding and you will have to change that using custom css, for example – http://screencast.com/t/41EuNmnQ and add the space(padding) to the row – http://screencast.com/t/XpLQxhIMpM0
For footer the same – http://screencast.com/t/59JU8a0b

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

.page .td-main-content-wrap {
padding-bottom: 0 !important;
}

On post pages unfortunately you will need custom work as the theme doesn’t have an option to change the content background color. If you don’t know how to do it I suggest to hire someone to do this for you as we cannot provide custom work, sorry!

Thanks!

Hi,

12. You can reduce this space via custom css – http://screencast.com/t/JhjYIx5GL

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

Thanks!

Hi,

You can doit with custom css (add it in Theme Panel -> Custom CSS): – http://screencast.com/t/1x4nUsqI

.home .td-main-page-wrap .td-pb-span4{
background-color: lightgray;
}

For more precise results you have to add a custom class on the row which contains that sidebar and add the class in the css. – http://screencast.com/t/t7dbhZOvFwB

.home .td-main-page-wrap .main_page_sidebar{
background-color: lightgray;
}

Thank you!

• This reply was modified 11 years by Emil G.

Hi,

Please check if you don’t have any custom css that may affect this and also you can disable all plugins leave just Visual Composer and Woocommerce active, clear cache and see if you still have this issue maybe there is a plugin conflict.
If this doesn’t help you can try to target more specific and use this custom css: http://screencast.com/t/Mpy2RPq8Oo

.woocommerce .td-main-page-wrap div.product .woocommerce-tabs ul.tabs li.active {
background-color: #0d732f !important;
}

Thanks!