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

Hello Matija,

If you want to remove those white spaces, you have to reduce the paddings to 0 px. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

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

The result you should see here -> http://screencast.com/t/fDe5aLMr0qzg

If is not what you mean, please provide more details about your desired changes so I will be able to provide a more accurate response.

Thank you for the message!

Hello jacobicho,

Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

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

The result you should see here -> http://screencast.com/t/tdr9TnpS4

Thank you for the message!

Hello,

Sorry about that, you will need to add an extra padding to compensate for the top part: please add this to the code:
padding-bottom: 530px;
Now the full code should look like this:

.home .td-main-page-wrap{
position:relative;
top:530px!important;
padding-bottom: 530px!important;
}

Thank you!

Hello Nicolai,

If you want your row to be transparent you will get the white box as there is a container underneath it with a white background (the main page wrap): http://screencast.com/t/ScR33wJO2Yx
In order for the background image of the page to be visible through the container, you will need to create a gap in the container.
This will require some css tricks to work. You can use this code:

.home .td-main-page-wrap{
position:relative;
top:530px!important;
}
.td-travel .td-travel-header{
height:0!important;
opacity: 0!important;
}

I think this is the result you are looking for: http://screencast.com/t/jvyjjHhbM
I hope this helps.
Thank you!

Hello DonLuigi,

If you want to reduce that space, please try to use a bit of CSS and add it in Theme panel.

The code is ->

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

The result you should see here -> http://screencast.com/t/zPbhEBQrEwru

Unfortunately, there is not a simple task and it is necessary to do some additional customizations. For the suggestion, you have to use the code of the single template 3, that look similar what you want to achieve and adjust until you achieve as you want. Please notice that is not easy and you must have some experience in CSS and HTML to complete successfully this customization. If you are not aware the steps in this regard, please consider hiring a freelancer/developer to do this for your because we cannot provide custom services at the moment, sorry!

As a quick solution, you can try using a single template 3 with a bit of CSS to position the meta info.

The code is ->

.td-post-template-3 .td-post-title {
top: 0;
}

The result you should see here -> http://screencast.com/t/fwfdZJTsZQcx

Hope this helps and let us know how it goes!

Thank you for the message!

Hello amd4ever,

Please try the code below and add it int Theme panel->Custom CSS area

.td-main-page-wrap {
padding-top: 5px;
}
.wpb_raw_code {
margin-bottom: 0px;
}
.wpb_column p{
margin-bottom: 0px;
}

The result -> http://screencast.com/t/b4phYH95v

For footer section, please try the code below and add it int Theme panel->Custom CSS area.

The code is ->

.type-post, .td-main-content-wrap, .td-category-header {
background-color:#743636;
}

The result you should see here -> http://screencast.com/t/RERzz2d72bf

Hope this helps and let us know how it goes!

If is not what you mean, please provide more details and some screenshots with your desired modification would be more useful for my understanding.

Thank you for the message!

Hello,

It seems the logo shifts on this header style. I will add this issue to our bug list and we will hopefully fix it in a future version. You can try to use another header style until then if you wish.
You can reduce the gap between the menu and the content using this custom css:

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

Thank you!

Hello sid,

1)If you want to reduce that space, you have to decrease the padding-top from the suitable container. Please try the code below and add it in Theme panel-Custom CSS area.

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

2)Please ensure that you have a good network connection and also a good device wich can display your website (minimum requirements of the device). This kind of problem does not come from the theme, sorry.

3)Unfortunately, our theme does not have this option for Facebook, but you can do this with a plugin with this functionality (Facebook Comments). For more details about implementation, please check this topic ->
https://forum.tagdiv.com/topic/using-facebook-comments-plugin-and-changing-the-default-location/

Hope this helps and let us know how it goes!

Thank you for the message!

Hello,
You can adjust ehe top padding of the homepage and remove the menu border by using this css code:
.home .td-main-page-wrap{
padding-top:0!important
}
.td-header-gradient:before{
display:none!important
}
The header style you use has a header ad under the menu so the image you showed as an example can only be replicated if you remove the header ad.
Please let us know if you need further assistance.
Thank you!

Hi,

You can use some custom css to hide the containers :
.page-id-233 .td-main-content-wrap.td-main-page-wrap{
display:none!important
}
That should fix the white box

Thank you!

Hello steveolsonco,

If you want to remove the both white bars, please try the code below and add it in Theme panel->Custom CSS and fix the problem, like this ->
http://screencast.com/t/Erf8B5QRpO

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

Hope this helps and let us know how it goes!

Thank you for the message!

Hi,
You can use this custom css to do it:

@media (max-width: 767px){
.home .td-main-page-wrap {
    padding-top: 0;
}
}

Result: http://screencast.com/t/GvJlH1Yj

Thank you!

• This reply was modified 10 years by Bogdan B..

Hello Mecburlar,

If you want to change the background-color, you should use the code below and place it in Theme panel->Custom Css area and if you want to change the color of the ajax filter, please check the block background-color from Block settings from Visual Composer, like this: http://screencast.com/t/XXNW2L4n1woz

.td-main-content-wrap.td-main-page-wrap{
background-color: green;
}

The result you should see here: http://screencast.com/t/NB9yqRauS

If is not what you want, please provide more details about this problem, so I can be able to provide a more accurate response.

Hope this helps and let us know how it goes!

Thank you for the message!

Hello,

Header style 11 uses a header ad under the logo. If you mean to reduce the space between the ad and the content, you can use this css:
.td-main-page-wrap {
padding-top: 20px;
}
.td-crumb-container .entry-crumbs{
padding-top: 2px!important;
padding-bottom: 2px!important;
}


If this code does not work as expected, please provide a link to your website so we can inspect it.

For the ad, in order to move it below the title you can edit the file for the template like so: http://screencast.com/t/hLTGjb8lOW

Thank you!

Hello Rhonda,

If you mean about this space http://screencast.com/t/x5pfv4e7CG , please try the code below and place it in Theme panel->Custom Css area.

@media (max-width: 767px)
.td-main-page-wrap {
padding-top: 0px!important;
}

You should see the result, here: http://screencast.com/t/dl4JLTvV

If is not what you want, please provide more details about it so I can be able to provide a more accurate response.

Thank you!

Hi,

The page structure was changed, try to link it to another element (ex .td-main-page-wrap) – http://screencast.com/t/zFYRzspCY

Thank you!

Hello George,

Unfortunately if i remove the white space from the mobile version, you will no longer have the scrolling logo. It is defined in those white spaces under the main logo.
You could use this code and give up the scrolling logo for the mobile version:

@media (max-width: 767px){
.td-header-menu-wrap-full{
display:none
}
.td-main-page-wrap{
padding-top: 5px!important;
}
}

result: http://screencast.com/t/pI1XSwdlm
Unfortunately it’s either white space or no scrolling logo. This is how the menu is set up.
I hope it helps
Thanks.

Hello,
You can use this custom css to fix it:

@media (max-width: 767px){
.td-main-page-wrap > .td-container > .td-pb-row:first-child > .wpb_column > .wpb_wrapper > .td_block_trending_now {
padding: 0 0 38px 0!important;
}
}
Just add the code in the theme panel->custom css box

Thanks.

Hi blandRepublic,

You can try the code below to decrease the padding between page content and main menu, in Theme panel like this: http://screencast.com/t/Q9QXL7J7

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

The result should see here: http://screencast.com/t/UQ61kUxd

If is not what you want, please provide more details!

Thanks!

Hello,

You can remove the white space above the grid using this CSS:

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

Thank you!