- NewspaperHeader Builder
- NewspaperHeader ads
- NewspaperHeader styles
- NewspaperSearch setup for custom post type
- NewspapertagDiv Composer – Website Manager
- NewspaperBookmark – Save For Later
- NewspaperWooCommerce: Happy “Add to Favorites!”
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperPosts Loop Element
- NewspaperHow to Add a Logo in Newspaper
- NewspaperDefault Category Settings
- NewspaperWhen tagDiv Composer is Not Working
- NewspapertagDiv Cloud Library Plugin
- NewspapertagDiv Composer Tutorial
- NewspaperUsing the Theme Translations with WPML
- NewspaperInstagram in Newspaper WordPress Theme
- NewspaperWeather Shortcode
- NewspaperThe Mobile Theme
- NewspaperLogin – How to Enable User Registration
Follow the instructions for Headers on this page about child theming for Newspaper: https://forum.tagdiv.com/the-child-theme-support-tutorial/
Then, on line 52 of top-menu.php change the following code:
… get_author_posts_url($current_user->ID) …
to the following:
… bp_core_get_user_domain($current_user->ID) …
Now the user links to their BuddyPress profile instead of their author page.
For future posters who may want to link the user link on the top bar to the user’s buddypress account, it is a very easy change.
Follow the instructions for Headers on this page about child theming for Newspaper: https://forum.tagdiv.com/the-child-theme-support-tutorial/
Then, on line 52 of top-menu.php change the following code:
... get_author_posts_url($current_user->ID) ...
to the following:
... bp_core_get_user_domain($current_user->ID) ...
Now the user links to their BuddyPress profile instead of their author page.
Hello please check out the following dropbox url for a problem that exists on spacing between the main header menu and the main content. I did not touch anything i have just used the Beauty Blog theme and then i changed then i changed the header style to 10. I know programming i can touch the css if i have to…waiting your response thank you.
https://www.dropbox.com/s/bieoo6q6uw5iug4/download1.jpeg?dl=0
Just to clear one thing, i’m not talking about the background on the open menu mobile. I’m talking about the header, with closed menu, with logo.
Hello, i’m not using the mobile plugin.
And my menu mobile is loading on two steps, first back (demo config) thank pink (my config)
I would like to fix that and change the design to same that i’v done on the desktop theme:
.td-header-menu-wrap{
background-color: #eb1583;
background: url(//www.magazinefeminina.com/wp-content/uploads/2017/02/background.png),
linear-gradient(to right,rgba(235,21,131, 0.8),rgba(111,36,128, 0.8));
}
http://www.magazinefeminina.com/
Could you help me on that?
Hello,
If you mean the html head tag, you can find it in header.php here: https://www.screencast.com/t/NONzSF2wT
Add your code right before the closing head tag (</ head >)
Thank you!
Try the code like so:
.td-header-menu-wrap{
background-color: #eb1583;
background: url(www.magazinefeminina.com/wp-content/uploads/2017/02/background.png),
linear-gradient(to right,rgba(255,15,127, 0.8),rgba(77,25,89, 0.8));
}
As for the black loading, this happens when there are more rewrites to the css. Css works in cascades. You will have to leave the menu color on default if you plan on changing it with css and not overwrite it from the theme panel with one color and then add another through css.
If too many rewrites are applied to a css code you will be able to see each one happen as css will have tyo load the code over again to apply your change and in most cases if the rewrites are more than 2, you will be able to see the changes.
I hope this helps.
Thank you!
First read please this manual if you want insert Google adsence in header of your site: https://forum.tagdiv.com/header-ads-adsense/
Hello!
Whether it is to apply a different heading style?
If, in a manual, do the following code: <h1 class=”block-title”><span>I NEED H1 HEADER</span></h1> then the title is displayed in the default header style (â„–1).
But my heading style is the title â„–4. http://prntscr.com/e9flb5
Thus the title of â„–1 has its own style. all other titles style â„–4. Or how you can finish in the title â„–4 write H1 tag? http://prntscr.com/e9flnv
Hello,
Please update your theme to the latest version (7.7) by using this guide: https://forum.tagdiv.com/how-to-update-the-theme-2/ as there is a new feature that allows just that.
You can choose the block header styles you prefer: https://www.screencast.com/t/Wsp4PSgnywjn
Thank you!
Hello Bogdan,
Does this code also work for archive page?
You can use this code: http://pastebin.com/Hr7xTBJ8 like this: https://www.screencast.com/t/cJFqirmhaI8c it should do the trick in changing the header style just for the homepage.
I mean I also want a separate header menu style for archive page, not whole different, just a narrow width.
Thank you for your explaining. 🙂
Hi,
You could do this but you would have to take in account all the elements in the header like the logo and the menu etc. Here is the height set – https://www.screencast.com/t/ZamFomUx969m and the logo – https://www.screencast.com/t/dxParPrHh If reduced to 80px like you want and with some modifications to the menu items it looks like this – https://www.screencast.com/t/cW3XJqrN I used this code to achieve that result but you could modify it if you want, and remember to enter it in Theme panel->Advanced Css in order for it to apply only on specific devices
.td-header-style-7 .td-header-menu-wrap-full,
.td-header-sp-logo img {
height: 80px!important;
}
.td-header-style-7 #td-header-menu {
min-height: 80px!important;
}
.td-header-style-7 .sf-menu > li > a {
bottom: 26px;
}
Thanks
I don’t know why, now the background don’t load anymore.
I Would like to have a menu like this:
.td-header-style-5 .td-header-top-menu-full{
background-color: #eb1583;
background: url(//www.magazinefeminina.com/wp-content/uploads/2017/02/background.png),
linear-gradient(to right,rgba(255,15,127, 0.8),rgba(77,25,89, 0.8));
}
But css code its not working anymore =( But on the floater, same code is working well.
Can you help me?
Hello,
I want to make something like this: https://www.screencast.com/t/XZ6q9TVGKugk
So the headers will look like in demo: https://demo.tagdiv.com/newspaper_magazine/
What should I do?
My page: ipsycho.pl
Best regards,
Hi Simion,
Thank you for answering.
I found this solution earlier on this forum, but I don’t like it.
The menu looks like crap with those CSS changes.
I have decided to use another solution.
(I’m gonna place the most important menu-items from the top-menu, in the header menu)
// SO – this problem is solved!
I’ve edited the codes in td_config.php file. But this issue is already solved (reply Simion C. above). I’ve asked another question in relation to margin-top/margin-bottom of Big Grid-Elements.
Now I have one more question ? How can I reduce the white space/margin between the header and big grid 1 and between big grid 1 and the following block? http://prnt.sc/e93mxb (arrows in screenshot)
Wow, great support. Thanks, it worked.
Now I have one more question 🙂 How can I reduce the white space/margin between the header and big grid 1 and between big grid 1 and the following block? http://prnt.sc/e93mxb (arrows in screenshot)
Hi,
I have changed the menu on my end with the font settings you have in the screenshot and this is the result – https://www.screencast.com/t/kjtykuMy the font has the font family applied. Maybe you have modified the header menu using some custom code in theme panel, or theme files or you are using a child theme, that prevent the change from applying – https://www.screencast.com/t/Pd4H9ajAAKD Try disabling all your plugins except Visual composer, clear your cache (very important), purge cdn files if the case and disable any child theme if you are using one and make the changes once more to see if they apply. If you have done all this and the result is still the same you could try to change that font with css – https://www.screencast.com/t/9iLyiyfpMIN
.td-header-wrap ul.sf-menu > .td-menu-item > a {
font-family: "Open Sans Condensed"!important;
}
As for the header, that is what happens in header style 7 when there are too many menu items in the header menu, the logo shifts up – https://www.screencast.com/t/8RwzuTrd
Thanks
Thank you for the advice.
By “full width” i was thinking at the width of the (main) wrapper, of the main menu, and so on, the 1164px limit, not the full width of the screen. My mistake, i should have been more precise.
I suppose i could have used a logo instead of the adspace. In some ways a bit like in https://demo.tagdiv.com/newspaper_recipes/ . Or perhaps with Style 9. The image i’m using is not really a logo, it’s just used to decorate but sometimes too this space is used for a classic advertising banner. You can see the result here http://www.wargamer.fr/
Anyways, i too need to look more into that. I was used to the system i had before, with random rotating images in the header. The result was nicer, less repetitive. Currently with Newspaper it’s working well, just with one image. It’s different, but nothing dramatic.
You could use this css code, it should make the top menu display in mobile state, just enter it in Theme panel->Custom Css
@media (max-width: 767px) {
.td-header-style-12 .td-header-top-menu-full {
display: block!important;
}
.td-header-style-12 .td-header-sp-top-menu {
display: block!important;
}}
Result – https://www.screencast.com/t/yEapLOO6p8
Thanks
Cant really get mine to work.. Inline and Top also bellow
For example: https://villalivet.se/villaplaytv/kokstrender-var-fargerna-ar-tillbaka/
It works in the header but not on the other places.
Can I use the same script for all places?
<!– /97XXXXX7/XXXXXX –>
<div id=’div-gpt-ad-1XXXXX-XX’ style=’height:90px; width:728px;’>
<script>
googletag.cmd.push(function() { googletag.display(‘div-gpt-ad-XXXX-XX’); });
</script>
</div>
Hi,
That is the default theme width as seen in the demo – https://demo.tagdiv.com/newspaper/ as defined in theme’s stylesheet. All the elements on the page depend on this width and it is not recommended to change it because it will cause layout problems. Also when a background color or image is set the site automatically changes to the boxed version – https://forum.tagdiv.com/background-introduction/ which affects the header style and the footer also. If you want to have a full width header and footer you must clear your background color set in Theme panel->Theme colors – https://www.screencast.com/t/rbJcDOlw and also choose a full width header style from the header styles available – https://forum.tagdiv.com/header-styles/
Thanks
Hi
I’m strangely fighting to reduce the height of the style 7 header to 80px…
I want to reduce the height only on desktop … on tablets are fine.
What is the change to do the css?
Thanks
Hi I am using a text logo for header style 9,10 and 11. Can you tell me where I change the text logo and tag line colours. i tried in Theme colours > Header > Text Logo, but that did not work for some reason
Thanks
Hello whitethat,
You should check the Theme panel->Header->Top Bar section and from there you simply disable the login feature, like this ->https://www.screencast.com/t/HIA7zPxXUyg
Thanks for your understanding!
