- TutorialsDefault Block Settings Guide
Hi
First you have to edit header.php file and paste the js from facebook as I’ve indicated here: Then edit loop-single-5.php and loop-single-9.php and paste this code where you want to display fb-comments. Here are some examples: http://screencast.com/t/KMfJ8O0jL2 – http://screencast.com/t/kWdtLeWQU8K – http://screencast.com/t/O5H1oEES6
<div class="fb-comments" data-href="<?php echo get_permalink($td_mod_single->post->ID); ?>" data-width="100%" data-numposts="5"></div>
Hope this helps.
Thanks!
Hi,
Your site, demos and everything shows clean headers starting from theme header.
For me, it starts with WordPress logo black header about a 1/3 inch high on very top with logo+log in+register on the right and search on the very left. How do I get rid of it?
Further, If I want the very top to have a large (scalable for mobile) banner, then the top menu then the header, how do I do that?
How do I make the header menu go full width of the screen?
Hello studentmoneysaver,
Please check our documentation here -> https://forum.tagdiv.com/header-styles/ and there you will see that we have a lot of header style and you can use the header styles 4/5/6 which has the similar layout with your desire.
Thanks for your understanding!
Hello all,
Please replace the above code with the below code.
.td-header-style-7 .td-header-menu-wrap-full, .td-header-style-7 .td-header-menu-wrap {
height: 48px !important;
}
.td-header-style-7 .td-header-sp-logo {
height: 48px;
}
.td-header-style-7 .td-header-sp-logo a {
line-height: 48px;
}
.td-header-style-7 .td-header-sp-logo img {
max-height: 48px;
line-height: 48px;
}
.td-header-style-7 .sf-menu > li > a {
line-height: 48px;
}
.td-header-style-7 .sf-menu {
margin-top: 0;
}
.td-header-style-7 #td-top-search {
bottom: auto;
top:0;
}
@mystudent, if you want to decrease the space between the logo and the menu, please try the code below.
.td-header-style-7 .sf-menu {
float: none;
}
For your second request, moving to the right of Menu for Social Icons involve custom work and we cannot provide this type of services.
Thanks for your understanding!
Hi
Try this css in theme panel > custom code > custom css to reduce logo’s margins: http://screencast.com/t/Q0k8HFZcikU
.td-header-style-10 .td-logo-wrap{
margin: 10px 10px!important;
}
Let me know how it goes.
Thanks!
Hi
You will have to add this code: http://prntscr.com/bk109t in each files corresponding with post template used for your posts. Also make sure that you added the correct js in header.php file.
Thanks!
Hi,
I’ve done all the above.
The header/footer appears, but nothing from the content area. Everything works fine on the desktop version. It’s just the mobile version that doesn’t display the content.
You can check this page to see an example. Check it on computer, then check on mobile. You’ll see what happens. I can’t figure this one out!
https://trendingviews.com/paidtoblog/
Thanks for checking.
Hello Team,
Since I updated the theme, the space in the header between the title and the menus is more important.
How to reduce the space between the top menu and the title, and the space between the main menu and the title
My website address is http://www.regardnomade.com
If this help, I was using the following costum css before:
.td-logo-text {
font-family: “Lobster”, sans-serif !important;
text-transform: none; /* Removes uppercase format */
}
.td-tagline-text {
font-family: “Open Sans”, sans-serif !important;
text-transform: none; /* Removes uppercase format */
font-size: 1.2em; /* Can use em, rem, px, or pt units here, set to preference */
padding: 15px !important;
}
.home .entry-date{
display: none;
}
.td-grid-style-1 .td-module-thumb a:last-child:before {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
What should I change, or get ride off to make the header less high or smaller?
Thanks.
Vincent
Say What! Menu Style 6 (Ipad) UGLY!
Having a really tough time with the menus when going to ipad.
Lots of useless space is in there forcing me to put most of my menu items under a custom link “more”. And forcing me to use short names for my items….
Could you spare some css so I can tighten this up for the ipad…Already tried a smaller text size etc…
I would like to get rid of the arrow down cause it overlaps onto the menu name when viewing in ipad, would also like to eliminate some space between menu items too
thank you!!
Also, IMHO a second bar (bottom bar in header) would look better than a top bar….. just my tow cents..
Hello kfx,
You can try the code below and place in in Theme panel->Custom CSS area.
The code is ->
.td-header-style-7 .td-header-menu-wrap-full, .td-header-style-7 .td-header-menu-wrap {
height: 48px !important;
}
.td-header-style-7 .td-header-sp-logo {
height: 48px;
}
.td-header-style-7 .td-header-sp-logo a {
line-height: 48px;
}
.td-header-style-7 .td-header-sp-logo img {
max-height: 48px;
line-height: 48px;
}
.td-header-style-7 .sf-menu > li > a {
line-height: 48px;
}
.td-header-style-7 .sf-menu {
margin-top: 0;
}
.td-header-style-7 #td-top-search {
bottom: 0;
}
Here you can see the result -> http://screencast.com/t/nTcSU7Qy2
Thanks.
Hi Catalin
Unfortunately it doesn’t help.
Just to make sure we’re on the same page, I’m using Style 7 and I’d ideally like the header/menu area (which contains the logo & menu) to be the same height as the sticky menu when you scroll down.
Thanks
Hi,
I would like to add facebook comments box in my website (http://www.planetbomb.net/) without using any plugin, I get facebook comments code from (https://developers.facebook.com/).
At first I put the code below right after the opening <body> tag in the header.php file.
(<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6&appId=933277250081237″;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>)
but I cant find the area where I put this code
(<div class=”fb-comments” data-href=”http://www.planetbomb.net/” data-numposts=”5″></div>).
I want to add facebook comments box in here (http://prntscr.com/bjz5d1)
Thank You!
Hello kfx,
Please notice that the above code will be applied only for header style 1. So, if you are using another header style, please change the number of it with your header style used by you.
Thanks.
Hello,
If you want to move your post’s header title up, abode the breadcrumbs, you will have to do the following changes, like this (example for using Post Template Style 1) -> http://screencast.com/t/9SglPtTg and http://screencast.com/t/p9Hw5neO and the result you should see here -> http://screencast.com/t/YNGZVTha6AS So, if you are using another post template you will have to do these changes to the corresponding files with your post template used.
Please try to check our demo tutorial and there you will see that our sidebar is responsive for every device. Try the theme without any untested plugins which could interfere with the theme and might cause a lot of unknown issues.
I do not exactly understand what you what to achieve if you get rid of it the Search icon? Please notice that this is just a simple item from your menu, added as a span with in li and if you are deleted it, the menu items will be displayed as properly. Provide more details, you can add some useful screenshots so I understand what you want to achieve.
Thanks for your understanding!
Hi,
If you want the same slider to appear across the whole site you can add it in the header files. Depending on the header style that you use: http://screencast.com/t/6blkMnuZYl You can use a do_shortcode function: https://developer.wordpress.org/reference/functions/do_shortcode/
I hope this helps.
Thank you!
Hi,
I understand this, but this is a theme category setting that requires a background to display properly. The grey color is a transparent background and images will show up behind it. if you have no image, the transparent background appears as this grey color. If you want you can simply change the template from here: http://screencast.com/t/oZaux1oUu, or use this css to change the grey color if you do not want to use a backgorund:
.td_category_template_8 .td-category-header{
background-color:#11025f!important;
}
result: http://screencast.com/t/OcnWl2jb
Thank you!
Hello,
Thank you for your appreciation. We try to update our theme as much as we can.
1) I will add this suggestion to our list for future uopdates and pass this information on to our development team.
2) you can change the top header color from the theme colors section of the theme panel: http://screencast.com/t/C6Xd59Aa
3) I’m not sure what gap you are referring to as you have a trending now element between the slideshow and the header. If you want to remove it, simply delete the trending now element from visual composer
4) Unfortunately setting a background image will make the site go into boxed mode so there cannot be a wide version if you have backgrounds.
Thank you!
Hi
Try this css: http://screencast.com/t/uGBmQMjscvdW
@media (max-width: 767px) {
.td-weather-top-widget, .td_data_time, .td-header-sp-top-widget {
display: none!important;
}
}
Thanks!
Hi,
Your help is wrong. You didn’t get my point. Please check the bellow link. I need to change header background color which have in grey color. I didn’t need to page background image or page background color. When i am upload any background image the background appear behind the page not in only header.
http://enewsvid.com/category/news-channel/24-channel/
Kind Regards
Zeeshan
HI There,
I am thrilled to finally be able to use Newspaper 7 > and can’t wait for many more updates and features to be released soon.
How often do you release new updates?
Couple of questions:
1) Can you please include the option to have DUAL sidebars – 2 sidebars on the pages / left & right? Is this something you can add as a feature realase?
2) How do I change the color of the top header?
3) Can you please tell me – how to REMOVE the white gap or space, between the header and the slideshow on this page: – >http://2016new.fodphotosite.com/
4) Can I have a WIDE Home page, with Boxed/layout on the inside pages, with background image.
Thank you sooo much for producing such an amazing theme. Can’t wait to get my site finalized.
Best Regards.
Hi
I’ve tried using the code above to decrease the Header Area height on the Newspaper theme, but it doesn’t seem to work. Please advise.
Thanks
I know how to move my breadcrumbs down in a post. My question is how can I move my post’s header title up. Or better yet, what’s the css code to move my post’s header title up?
My second question was that my sidebar doesn’t seem to be responsive on ipads in portrait mode. It’s responsive on my home page, but not on individual posts.
For the last question, I’m basically asking how can I get my menu to expand the full length of the container, because the search bar takes up a span. Once I delete the theme’s search bar, how can I expand my ubermenu to reach the full width of the container?
Hi,
Can someone tell me how to make the news block on our homepage http://www.metroairportnews.com, display the news by latest date? The code below is what is currently being used.
[vc_column width="2/3"][td_block_2 limit="6" custom_title="METROPOLITAN AIRPORT NEWS" header_color="#e73f27" td_ajax_filter_type="td_category_ids_filter" td_ajax_filter_ids="" td_filter_default_txt="All" ajax_pagination="next_prev" sort="" category_ids="42" sort="random_posts"][/vc_column]
Hell all,
I’ve migrated the website to another host. Now I have a problem with Header Ad. I’ve put the new uploaded image in here http://i.imgur.com/PzJUlX6.png, but in FE is always like this http://i.imgur.com/Pv30Lqy.png, no matter what I try in CSS.
Why does it have 0x0 pixels? What happened?
Thank you!
I have inserted a Video block using Video Composer on my Home Page but for some reason it won’t pick up the theme style for the Block header and instead appears just black and without an underline. How can I fix this?
I’m not sure how to attach a screenshot for you to see but it is my homepage at http://her.co.nz and the block title is WE’RE WATCHING
