No search results were found in Documentation!
Hi
I have Newspaper on two sites (Yes, I’ve paid for both of them:)). On one of them you helped me reduce the space between the menu and the rest of the site.
You made a custom css for me: .td-blog-cars .td-main-page-wrap { padding-top: 0; }
Now I have the same problem with http://www.tabogvind.nu. I’ve tried: .td-blog-medicine .td-main-page-wrap { padding-top: 0; } but that didn’t do anywthing.
The site looks like that: 
Any tips? 🙂
Hello mubasshar,
Please try the code below and place it in Theme panel->Custom CSS Area.
.td-main-page-wrap {
padding-top: 15px!important;
}
.wpb_wrapper{
margin-top:25px;
}
The result -> http://screencast.com/t/SjxI6Nd7h
Thanks.
Hello Boddickerdk,
Please try the code below.
.td-blog-cars .td-main-page-wrap {
padding-top: 0;
}
The result -> http://screencast.com/t/rpG1hh2sF4
Thanks.
Hello,
Try the code below ->
.td-main-page-wrap {
padding-top: 0;
}
Thanks.
Hello Sayeed,
This is talking about the padding-top value. If you want to remove that space you will have to decrease the value of this padding. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-main-page-wrap {
padding-top:0;
}
The result -> http://screencast.com/t/TbvncWRio8rK
Thanks.
Hello tbrmedia,
You can add a different background image for every page you want only if you will use the page ID and then the CSS which add the bacgroud-image. Below, I gave you an example and how you can achieve this -> http://screencast.com/t/uZwRzfCd4r
The code is ->
.page-id-3180 .td-main-page-wrap {
background-image: url("http://enewsvid.com/wp-content/uploads/2016/05/enewsvid_background.jpg");
background-size: 100%;
background-repeat: no-repeat;
}
Hope this helps!
Thanks for your understanding!
Hi,
You can use this css to bring the ad closer together:
.home .td-main-page-wrap{
padding-top: 0!important;
}
.home .td-a-rec-id-custom_ad_1 > div{
margin-bottom: 0!important;
}
You can add the code in the theme panel->custom css box
I hope this helps.
Thank you!
Hello
Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-main-page-wrap {
padding-top: 10px;
}
Thanks.
Hi,
For the css issue with the white space, please use this code:
.page-id-2115 .td-main-page-wrap {
padding-top: 10px;
}
The code will only work on that particular page so it will not affect any other part of the site/
AS for the mobile theme, your page will not show up on mobile if you do not create a mobile version for it by using the second editor (the mobile editor). You can read more about this here: https://forum.tagdiv.com/the-mobile-theme/
Thank you!
Hello,
Thank you for your appreciation.
1) You can use this css code to remove the top padding:
.home .td-main-page-wrap{
padding-top: 10px!important;
}
add the code in the theme panel->custom css box/
2) I’m not sure exactly how you want to separate the search. You can add a few css effects to the icon if you like for example:
.td-icon-search{
border: 1px solid lightgrey;
}
result: http://screencast.com/t/a7wW2VCAI
or maybe
.td-icon-search{
border-left: 1px solid lightgrey;
}
http://screencast.com/t/0QWMWxawIoe
3) Optin forms are added with plugins so I;m not sure exactly how you want the form. The details are pretty vague. You already have a full width slider from revolution slider plugin so you only need a form and content below the slider. For this you can use visual composer:
https://forum.tagdiv.com/how-to-use-visual-composer/
https://forum.tagdiv.com/block-settings-guide/
Hope this helps.
Thank you!
Hello,
Every demo has a custom style set to it using custom css. If you want to reduce the top padding of your homepage, yopu can use this code:
.home .td-main-page-wrap {
padding-top: 5px!important;
}
Thank you!
Hi,
If you re-write css, you need to add the !important declaration. Please use your code like so:
.td-main-page-wrap {
padding-top: 0!important;
}
.td-main-content-wrap {
padding-bottom: 0!important;
}
Thank you!
Hello,
Is there a way I can remove the white space below my menu and above my slider?
https://thetravelintern.com/
I tried this custom css and it didn’t work.
.td-main-page-wrap {
padding-top: 0px;
}
.td-main-content-wrap {
padding-bottom: 0px;
}
Thank you.
Hi,
I assume you are referring to this white gap: http://screencast.com/t/4wiVwbNeehh
You can use a custom css to reduce the white space like so:
.home .td-main-page-wrap {
padding-top: 10px;
}
Thank you!
Hello zanesavage,
Please try the code below ->
.home .td-main-page-wrap{
padding-top: 2px!important;
}
Thanks.
Hi,
If you use a standard visual composer element, you can use this css to remove the gap entirely:
.td-main-page-wrap{
padding-top:0px!important;
}
On your pages though you use revolution slider and you get a white border from that as well. You can try to see the test page I created on your site (set to private).
Please edit your slide and remove the padding from slide options.
Thank you!
Hello ealeksa,
You have to use a bit of CSS code to decrease that space.
The code is ->
.home .td-main-page-wrap {
padding-top: 0;
}
The result -> http://screencast.com/t/Fm6x0GdMc
Thanks.
Hello,
1)You can use this css:
.home .td-main-page-wrap{
padding-top:1px!important
}
I left 1 pixel so that it doesn not completely touch the menu. If you want it like that, simply set it to 0px
2)In order to achieve that effect, you can stretch the rows in visual composer and add background to them like so: http://screencast.com/t/ZJD3RAq6v and set a background color from design options.
Hope this helps.
Thanks.
Hello danimian,
If you want to change the width and the colors for your Social Counter, you have to use a bit of cSS code to customize it. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td_block_social_counter{
width:300px;
}
.td_social_info {
display:none;
}
.td_social_facebook {
background-color: green;
}
.td_social_twitter {
background-color:pink;
}
.td_social_youtube {
background-color:blue;
}
The result you should see here -> http://screencast.com/t/4XnqLqpL
For your second request, you have to use a bit of code for achieving as you wish.
The code is ->
.td_block_wrap {
padding-bottom:2px;
}
.td-main-page-wrap {
padding-top: 30px;
}
If you need more assistance in this regard, please provide your website URL so I can further inspect it closer and also, so I will be able to provide a more accurate code.
Thanks.
Salut!
1)The footer widgets are found here: http://screencast.com/t/E8V4SkYU9A6 If youhave not modified the theme files, then you can remove your widgets from there.
2)you can remove the space using this css code:
.td_block_trending_now.td_block_wrap{
padding-bottom:0!important;
}
.test{
margin-bottom: 0!important;
}
.td-main-page-wrap{
padding-top:20px!important
}
(as a side-note: you have a container in there with a class called ‘test’ that also created white space)
3)To display ads between posts on a specific category page are required lots of customizations and also many tests in order to achieve the desired result. Basically you need to edit the loop for that specific category page such that to display a specific ad-spot after a given number of posts.
All this customizations falls beyond the support can offer you so if you’re not aware of the steps you need to take in this regard please consider hiring a freelancer to do this for you as we can’t offer custom services at the moment.
4)If you want to remove the ad on post style 1, you can do it from here: http://screencast.com/t/RRXPmQTF
For the top ad, it will be a bit trickier as the top ad displays on all post templates so you need to ad a few conditions to the code where the ad is being created. Please use this code: http://pastebin.com/b5ZWGEhf
and replace this part here: http://screencast.com/t/uiYhFyE0rF
This will disable the article top ad for post style 1 and now you can ad a custom ad in the top of the file with a do_shortcode function:
And add it in the file like so: http://screencast.com/t/sKAM9mtVmj
Now if you do not have an article top ad, the text will fill the white space besides the featured image.
Thanks.
Just noticed that the space between the main menu and the content all of a sudden (perhaps with last update) has increased to 48px.
I can of course reduce the top-padding by using:
.td-main-page-wrap {
padding-top: 30px !important;
}
for example.
This makes everything look good on the front page, however on the other pages everything gets moved up too much if i do this.
Is it supposed to be like this now (with the top-padding) or do I have som css-code wrong somewhere?
Site is: enkelteknik.se
Hello mynorknx,
If you want to get rid these paddings, you have to use a bit of CSS code to hide it. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-pb-row [class*="td-pb-span"] {
padding-right: 0;
padding-left: 0;
}
.td-main-page-wrap {
padding-top: 10px;
}
If you need more assistance in this regard, please provide your website URL so I can inspect it closer and so I will be able to provide a more accurate code.
Thanks.
Hello Matija,
Unfortunately, your requests require more additional customizations and our support do not include these type of services. If you want to display more levels in our theme or you want to customize it and you are not aware to the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
For your latest request, you have to use this code ->
.td-md-is-firefox .td-main-page-wrap {
padding-top: 0!important;
}
Thank you for your understanding!
Hello guys, just bought you Theme and really like it.
But like always for beginners I need some support.
I have some minor issues in the homepage http://www.urban.dog/urbandog/
1. Ad is showing not in the same height as block next to it
How can I optimize the height. Ad should be shown at same height as content and the Tag “Advertisment above”
http://www.screencast.com/t/fmefOPnXTBvh
2. I´ve set a block content and try to set a border, but the border is not shown. How can i set the border?
Is like that: http://www.screencast.com/t/SubMELexY
And should be like that: http://www.screencast.com/t/wekMFMJx
3. Space between Title Block and Big Grid Block
I´ve set a extra Title Block as you can not set Title with big grid blocks but now the space is bigger than on normal blocks with Title. How can i change a smaller space, so it should look the same as other blocks?
See here: http://www.screencast.com/t/S2ZCdj1g
4. DARK Theme works but need customs CSS for sidebar black fonts
I´ve changed some css so have a dark theme but on post pages I want to keep the template white, the issue is the sidebar copy is also white. How can i change it to black for the post pages?
See here: http://www.screencast.com/t/aVJeaKuzZq
The CCS I´ve added with help of the forum here:
.td-footer-wrapper, .td-banner-wrap-full, .td-main-content-wrap,
.td-main-page-wrap, .td-category-grid, .td-category-header {
background-color: #141414;
}
.entry-title a,
textarea
{
color: white !important;
}
Thank you
Hi guys, i searched this forum and made try and fail, it looks almost cool, but need some more custom css.
This is what I´ve insert:
.td-footer-wrapper, .td-banner-wrap-full, .td-main-content-wrap,
.td-main-page-wrap, .td-category-grid, .td-category-header {
background-color: #141414;
}
.entry-title a,
textarea
{
color: white !important;
}
How can I Change:
1. The Category Header Color: http://www.urban.dog/category/du-und-dein-hund/
2. Sidbar Widgets Color on Post Pages: http://www.urban.dog/du-und-dein-hund/anschaffung/falls-du-ueberlegst-ob-es-ein-mix-oder-ein-rassehund-werden-soll/ as it is white now
Appreciate your support