- TutorialsDefault Block Settings Guide
Hi Bogdan,
I did the changes in the header.php exactly in the way you said in the screencast. I changed single_template 1, updated my website to see if it was worked, but it didn´t. I did it with the single_template 2, it didn´t work as well… I did the changes in all singles_templates exactly in the same way of the screencast, but nothing has changed im my blog. This is strange I know, I tried with facebook comments plugin for wordpress to check if the problem was with the facebook app, but with facebook comments plugin it worked, so the problem is not the app.
I reviewed with a lot of attention the codes, I moved the closing php tag to the end of the code like you said, I just replaced the code, I let the space, everything was in the same way, but nothing changed.
I’m using the babyblog demo as a base of my website, I don´t know if it has some relation with that.
Thanks again!
Hi,
You can make the header smaller by using this custom css:
.td-header-style-7 .td-header-sp-logo{
height: 60px!important;
}
.td-header-style-7 #td-header-menu{
min-height: 60px!important;
}
.td-header-style-7 .td-header-sp-logo a{
line-height: 60px!important;
}
.td-header-style-7 .sf-menu > li > a{
line-height: 5px!important;
}
.sf-menu > li > a:after{
bottom: -12px!important;
}
.header-search-wrap .td-icon-search{
line-height: 70px!important;
}
Thank you!
Hi,
1) A module is the base element in our theme. Every block is simply a container of 1 or more modules. In this section of the theme paenl you can see exactly what module is used on what block: http://screencast.com/t/uHbbrmqWCXr
If you want to be more specific about it, you can find out faster by using the browser inspector. For example on a block 1, the small thumbnails: http://screencast.com/t/bkbqegiM2. The small module is a module 6. It’s module 6 you have to edit. The screenshot had module 5 highlighted (my bad) but it is module 6 being edited if you look here: http://screencast.com/t/MWULaIJuoTW. Sorry for the confusion.
2) The black header color shows up when your site gets a bit heavier on the loading speed. Css works in cascades and if you use for example css optomization tools that move the css render block to the footer, then you will be able to see each stept of the css re-write on the first load. The solution for this will be to change the css directly in style.css so there will not be any re-writes done to the file. This is the default css behavior and happens on every theme. An easy way to do it without too much searching is to simply access the page source and copy all of the rendered css directly in style./css at the bottom of the file: http://screencast.com/t/Oym8Cldak (it’s a big list. Copy everything between the ‘style’ tags)
3) The font is not bold in the left big thumb, but rather the font increased. If I increase the font for the small thumbs as well, it will also look bold. You can target them with css like so:
.td_module_6 .entry-title{
font-weight: 600!important;
}
4) Well the widgets are not the same height so you will need a bit of css customization to adjust the different margins to the containers to match the center widget. But adding more content to these sections will cause them to position differently again.
For the current layout you can use this code to make them align :
.widget_display_topics{
margin-bottom: -22px!important;
}
.widget_display_forums{
margin-bottom: -36px!important;
}
However I cannot guarantee this solution can be a viable one if the content of these widgets changes. All widgets are dynamic so longer titles will make them ‘fall’ below again
5) You can align the instagram text by adding this css code:
@media(max-width: 767px){
.td-footer-instagram-container .td-footer-instagram-title .td-footer-instagram-user-link{
display:initial!important;
}}
6)You can make the search text bigger by using this code:
.td-search-wrap-mob .td-search-input span{
font-size: 30px!important;
}
7) If you want to redirect the login to the bbpress login ,you can use simple 301 redirects and simply redirect the default login to the bbpress forums, but i;m not sure exactly how the login will work then. So maybe you will want a redirect after the login is made. So a user logs in ad is imediatly redirected to the forums maybe, Thait is doen with plugins as our theme dopes not have any such options.
8) That is because there were a few css changes and the code you had in your custom css needed to be more specific. Such things happen afet an update as css gets changed all the time. That is why the custom css code you apply needs to be very specific or some other more specific code we may add in a new update could overwrite it.
9)The big grid can be set as a full box if you remove the 2 pixels margin like so :
@media (max-width: 767px){
.td_block_big_grid_12 .td-big-grid-wrapper .td-big-grid-post:last-child .td-module-thumb {
margin-left: 0px!important;
}}
10) I’m not sure the code you entered is valid or not, you will have to get a proper ad code from the ad provider and then wrap it into these div elements like this topic suggests: https://forum.tagdiv.com/using-other-ads-non-adsense-ads/
Thank you!
Hi,
i’ve added google adsense code for header ad and it’s not working – nothing is displayed. What could be wrong?
Link to site: tv1.si
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– Top-banner –>
<ins class=”adsbygoogle”
style=”display:block”
data-ad-client=”ca-pub-389800478992XXXX”
data-ad-slot=”9169770XXX”
data-ad-format=”auto”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Best regards,
Tadej
Hello,
You can use this custom css to reduce the spacing:
.td-header-style-10 .td-logo-wrap-full{
min-height: 75px!important;
}
.td-header-style-10 .td-logo-wrap-full .td-logo{
line-height: 75px!important;
}
Thank you!
Hello,
It seems the page title is hidden by the css so it can be shown again by using this cusotm code in the theme panel->custom css box:
.woocommerce .page-title{
display: block!important;
}
But I could not find any description. How did you add the header and description. if you added them with custom code in the theme files, then upon updating, your custom modifications are lost if you do not back-up.
please provide more details to how you implemented the description so I can understand better how to help.
Thank you!
Hi,
Please provide a link to your site and more details to how you want to make change the height. Is it the whole header or just the header menu?
Thank you!
Hi,
Please provide more details to what header you wqnt changed as the main menu itself has no heading tags. It’s a combination of list and anchor tags.
Thank you!
Hi I have searched this forum in hopes of finding an answer to change my main menu hover color, but to no avail I am currently using header 3 and my hover color is limited to a dark grey and no option in theme colors seem to address my need ( FYI include this in next update please it only makes sense to). Can someone please assist. Thank you
I have spent so many hours on this and I can’t find a solution.
I want to keep the front page as it is, in terms of how it displays the latest posts, meta data, and the click ‘more’ button, but directly above that I want to add some custom information which may be best suited for an html widget. The issue is not so much about the information I want to add, but how to set it all up so I can add something there.
(I want to display editors picks and the most recent posts with one line each containing the post subject and date above the usual home page display of all posts.)
I have tried so many suggestions online, and nothing works. I have created a sticky post that sits above everything, which is in the perfect spot, but I can’t hide the meta data as if I use this method, I don’t want the author, date , comments, post count, etc, showing.
I have tried setting a static page, but I can’t find any information on how to display the posts on the static page exactly how they are displayed for the default show all posts front page. I don’t want the widget style recent posts, I want the standard front page style up until I add the read more tag, including any images I may have in the post at the time (so all posts are showing with no thumbnails, or a condensed layout)
In blogger, you can just drag a widget above the list of posts, and it is so very simple, but in wordpress, you can’t have a widget there, only the front page, headers, footers and the side bars. (I don’t want my information above the side bar, I want it above the front page under the header)
Well, if someone can help me out, that would be great. I have the second latest version of wordpress, and the latest version of Newspaper.
We are starting a new site of just news and reviews
in a specific eCommerce niche.
What I want to do is have the top section,
just below the header/menu area
consisting of just links out to the top news stories of the day.
Ideally, I’d like about 50 links in the section,
with the the latest links at top,
and links below the 50th just disapearing automatically.
Can you guys suggest an easy and manageable way to do that?
Thanks!
Hello,
I’m trying to reduce the padding above and below the logo in style 10. Can you please share the code for reducing the header height in style 10? See here for reference: http://dev.pacifictribune.com
Thanks!
I had a header and text above the product page and now it disappeared. Please fix this asap
Hi,
I would like to know if is possible to change Menu text header to h3 tag.
Best regards.
Bogdan B. you are right. Thanks for your help. I’ve pretty much accomplish the look i was looking for. I’m still having a problem trying to change the style-height to 47px, instead of 60px. image –>http://www.screencast.com/t/ZwnzZm07lPvV
I added to following code on the Custom Code area:
<div class="td-header-menu-wrap-full" style="height:47px;"></div>
But nothing changed. I’m trying to make the style like on the picture i attached. Thanks for your help so far.
Hello
I would like to reduce header height (version 7).
Can you tell me how to do it?
Thanks.
Hi
Just installed the Newspaper7 theme. Unfortunately i’m not able to add adsense code into header ad. Had tried to add and saved but it keep loading. My web is http://resepimama.com
Hi
1. I am not sure what you mean, do you want to ad posts in min menu? If so then yes, they will work fine so you can add any post there.
2. Please provide more specific detail about what you’re trying to do because I don’t understand your question.
3. You can use this template fro Visual Composer to replicate the same layout as on our demo: http://screencast.com/t/VAcE5Yq2MW
4 Try this css in theme panel > custom code > custom css to reduce the distance: http://screencast.com/t/J56dfBtuK
.td-header-style-7 .sf-menu > li > a{
line-height: 36px;
}
.td-header-style-7 .sf-menu {
margin-top: 45px;
}
Thanks!
Hi,
Thank you Alin. 🙂
I have one more question. Can I change the menu header to h3?
Best regards.
Hi
Could someone point me to the settings that would enable me to remove the page border and also make the header and footer full width instead of page width please?
I would rather not install another template if possible.
Thank you.
site is womensgolf.com
Hi Tagdiv,
I have the latest version of Newspaper7.2 installed with a header style 10.
I dont have any background images or color selected – but unfortunately the headers and footers and not going full width.
This is the site:
https://www.mascupon.com.pe/masmagazine/
Strangely enough my Spanish version of the website still running Newspaper4 does the full width perfectly. It also obviously has no background selected:
https://www.mascupon.es/masmagazine/
Do you any ideas what the problem could be?
Hi
The html structure for search menu can be found in header-menu.php file: http://screencast.com/t/YA8aYLZmz You can try to use it in different places of the page but this involve some customizations in js and also will be required a new css for it.
Note that this is a very complex task which involve good codding skills and also lots of customizations in order to be achieved. We can’t offer customization services at the moment so if you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.
Thanks!
Hi,
I’m using Header Style 9. I have chosen the option to show the Top Bar and what content to show. However the theme only shows a black header without any content. What chould be the problem?
Thanks in advance
I would like to show same menu in footer as I have put in header. It should look exactly same as header menu. It can be just at top of footer.
I tried putting menu in Sub Footer Settings but that comes at the bottom of footer and sub menu also does not work in that case.
Even sticky menu (same as header) would be fine.
Here is my website:
http://indianrealtybytes.com/real-estate-content/rera-act-2016-in-a-nutshell/
Hi,
If you follow my guide properly it should work as expected. Maybe you have caching on your site or cdn that will only show modifications once it’s cleared. Try to delete the whole code in the file and leave it empty and see if there will be any change (make a back-up first)
The method I provided works. Look:
header: http://screencast.com/t/ymYrr0X0
single_template files: http://screencast.com/t/wPRAEUTQrkU it should look like so: http://screencast.com/t/ie2S4vTFZ
If your modification did not apply, then you are probably not modifying the right file. EWvery pot template has it;s own file. You have to make this change for every post template you use. Maybe you modified one post template but you used another one on the post you tested.
here is my result: http://screencast.com/t/ukeeczxXr
Thank you!