- NewsmagHeader styles
- NewsmagHeader ads
- NewsmagtagDiv Composer Tutorial
- NewsmagCategory templates
- NewsmagSmart list ads
- NewsmagWeather Widget
- NewsmagInstagram widget
- NewsmagPage Menu
- NewsmagMain menu
- NewsmagTop bar templates
- NewsmagLogin – how to enable the user registration
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagCategory grid styles
- NewsmagCategory top post styles
- NewsmagHow category settings work
- NewsmagTheme colors introduction
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/mPfLNpyt360m
@media (max-width: 767px){
.td-header-top-menu{
display: block !important;
}
Please note that the top bar wasn’t designed do be displayed on mobile devices so you may need additional customization in order to have it displayed fine.
Let me know how it goes.
Thanks!
Hi,
The only place to add custom code in our theme is inside the theme panel: http://screencast.com/t/FSRmJJ14
If any of these places do not apply to your modification, then a child theme is the only other option. (If you use a child theme you will have to check the modified files in the new version and if the header and footer files are changed, you will have top add the code again. It is not a definitive method but it will save you some time on a few updates like the last fixes for the new WP versions)
I hope this helps.
Thanks.
Hello,
You can use css to change the font.
For example:
.td-category-header .td-pulldown-filter-display-option{
font-family: arial;
}
Then simply add the code in the theme panel->custom css box
Thank you!
Hello,
You only need the function from the id statement. This code basicaly creates a redirect from the error to anywhere you want it to redirect.Simply replace get_header from index.php with this part:
if (function_exists('get_header')) {
get_header();
}else{
/* Redirect browser */
header("Location: https://google.com ");
/* Make sure that code below does not get executed when we redirect. */
exit;
};
I set it to redirect to google as an example. You can set it to redirect to your homepage or any other url you want.
I hope this helps.
Thank you!
UPDATE: the pagination issue may be from a bug that was introduced in WordPress 4.4.1: https://core.trac.wordpress.org/ticket/35344 from that bug report it seems that they will fix it in WordPress 4.4.2 . Until they fix it, our solution should work as a fix.
other reports:
https://core.trac.wordpress.org/ticket/35353
https://core.trac.wordpress.org/ticket/35359
@sunkast yes… browsers tend to cache header responses more aggressively.
I finally was able to sort everything out by putting that code into header.php instead. Thanks once again!
UPDATE: I’ve managed to make the video player responsively fit the entire screen by injecting the code and CSS into the header of the page, as seen here: http://sparrowvideo.co/homepage-blog/
My issue is now that there is a blank white line appearing across the top of the screen, which I am assuming is the body of the blank page template I am using. If I could somehow get rid of that white bar now, all of my issues would be solved. Thanks so much for your help!
Hello,
Every time I install a new version of the theme, I have to re-add code to my header and before the closing body tag.
Is there a space somewhere in the theme to insert this code so that I don’t have to add it every time there is a theme update? I do not see a spot in the theme panel unless I am missing it.
Thanks
Following upgrade from 4->6, this appears int he header right next to my logo – dasdasd ads asd asd as asd asd asd
View here
When I view the source on the browser
<!–
Header style 3
–>
<div class=”td-header-wrap td-header-style-3″>
<div class=”td-header-top-menu-full”>
<div class=”td-container td-header-row td-header-top-menu”>
</div>
</div>
<div class=”td-banner-wrap-full”>
<div class=”td-container td-header-row td-header-header”>
<div class=”td-header-sp-logo”>

</div>
<div class=”td-header-sp-recs”>
<div class=”td-header-rec-wrap”>
<div class=”td-a-rec td-a-rec-id-header “>dasdasd ads asd asd as asd asd asd</div>
</div> </div>
</div>
</div>
Catalin
Thanks for the suggestion. I changed the custom CSS to
.td-header-style-1 .td-header-sp-logo {
width: 50%;
float:left;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-recs {
width: 50%;
float:right;
margin-left: auto;
margin-right: auto;
}
And it appears to be working like I want. I may tweak the tablet portrait so that the image is not as small for it. But it showing the ads on the same level like I want.
What is the best way to make the gap smaller between the header and the navigation menu bar?
Thanks,
Rick
Hello! Please tell me how to change the font of the filter button (.td-category-header .td-pulldown-filter-display-option ) , which is on the category page . I can not find an item in the menu …
i dont understand 🙂 https://ardamis.com/2011/06/02/fix-for-php-fatal-error-get_header-in-wordpress/
so i must add this codes in index.php?
<?php ini_set('display_errors', 0); ?>
<?php
/**
* @package WordPress
* @subpackage Ars_Theme
*/
if (function_exists('get_header')) {
get_header();
}else{
/* Redirect browser */
header("Location: http://" . $_SERVER['HTTP_HOST'] . "");
/* Make sure that code below does not get executed when we redirect. */
exit;
}; ?>
Hello gunner05,
1)The Block 5 use module 3, as you can see here -> http://screencast.com/t/4YfTmYY6l If you want to change the Block 5, you have to change this module. You can reduce the padding-bottom in your block with the CSS code below but the left-right you do not change because you will damage the layout. The width is fixed and you cannot change of this without damage.
.td_module_3 {
padding-bottom: 10px;
}
The result you should see here: http://screencast.com/t/8OC0YY9MQh
2)Unfortunately, this animation does not come from the theme. If you want to remove this feature you have to remove the option from js. file from Visual Composer and it is not a simple task, sorry.
3)Unfortunately, our theme does not have this feature implemented. The more article box option displays only the active posts, like this -> http://screencast.com/t/P5I5MwcsBc For more information about more article box, please check our documentation, here: https://forum.tagdiv.com/more-articles-box/
4)In principle, should not be any problem with this, but noticed that the dimension of the logo will be adjusted by the theme according to header style used.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi,
I really like the logo which you used for the demoversion.
http://demo.tagdiv.com/newspaper/wp-content/uploads/2015/06/logo-header.png
I would use the same logo with different words for my website.
Is there a way that you could send me the filse so that i can change the text?
If not, what for a font style and size did you used in the first and second line?
Thank you
Hi
@leeyokeloong thanks for sharing your solution here!
@flynewsgr please provide your site url or the html code that you’re using for header ad so I can inspect this closer. You can use the do_shortcode(‘ ‘) function and insert the ad shortcode from VC: http://screencast.com/t/W4SFKPnoShn – http://screencast.com/t/lqaJxdVdMee into a text block: http://screencast.com/t/imRGS1aHN then add that text block in your sidebar.
Thanks!
Hello rishab55555,
a)Unfortunately, our theme does not have this option implemented for RSS feed. If you want to use this, you have to search any plugin with this functionality and check on your side how it works. You should find a lot of these plugins from WP Plugins, like this -> https://ro.wordpress.org/plugins/search.php?q=RSS
b)Please try the code below and add it in Theme panel->Custom CSS area, like this-> http://screencast.com/t/2Ogvs7nOPQ
.td-header-wrap .black-menu .sf-menu > .menu-item-159 > a:hover {
background-color:red!important;
}
The result you should see here: http://screencast.com/t/qHH2CSKzS5
c)If you want to change the color and background-color of your translate buttons, you should try the code below and place it in Theme panel->Custom CSS area.
#menu-item-44721 a {
background-color:red;
color:green!important;
}
#menu-item-1364 a {
background-color:green;
color:red!important;
}
The result you should see here -> http://screencast.com/t/k4jCricPY -> http://screencast.com/t/P2SwLPlO3l
You can adjust the values as you wish.
d)I have tested on my side the WordPRess date and seems to work properly. The WP use the normal and standard format of the date and you should not have this error. Please check your plugins because it might be caused by them.
e)First of all, you need to follow this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
There are a number of things that can go wrong with page speed. You can begin by investigating speed booster to see if it’s not disabled. The speedbooster plugin has a function that checks for active plugins. There is a list of plugins speedbooster is compatible with – http://screencast.com/t/hcjLnOqh4i2 so if you have other plugins active it will be automatically disabled.
In order to use the tagdiv speedbooster with all plugins you will need to remove this code – http://screencast.com/t/RZLIOPUNdqh
Another thing you can do is play with the priority, if it doesn’t return all js – http://screencast.com/t/7fhfjttAT8 –
http://codex.wordpress.org/Function_Reference/add_action
Please keep in mind that these insights are recommended for advanced users only so if you don’t have php knowledge I suggest you get someone to help you with this.
Hope this helps and let us know how it goes!
Thank you for the message!
Hello hcnsupport,
For your first request, you can adjust the width of both element (logo+ads) but you should be careful because the width it changes according to the device used and there will not be responsive. To achieve this, are required more customization.
I recommend you to use the second option. You can use the header_style_10 with some customization in properly file, like this -> http://screencast.com/t/hbieYxNHNJ3 -> http://screencast.com/t/7SwsdnqL and then you have the banner ad centered under your logo, like this -> http://screencast.com/t/aJrMC5yQt
Hope this helps and let us know how it goes!
Thank you for the message!
Hi,
Unfortunately this will not be an easy task as there are many containers on the body that are different for posts, pages or category pages. The theme allows for a background color or image. YOu will need to use css to target every element on that particular page.
For example if i want to make the whole homepage grey this would be the code:
.td-header-style-5 .td-header-top-menu-full {
background-color: grey;
}
.td-header-wrap .td-header-menu-wrap-full, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .td-header-menu-wrap.td-affix, .td-header-style-3 .td-header-main-menu, .td-header-style-3 .td-affix .td-header-main-menu, .td-header-style-4 .td-header-main-menu, .td-header-style-4 .td-affix .td-header-main-menu, .td-header-style-8 .td-header-menu-wrap.td-affix, .td-header-style-8 .td-header-top-menu-full{
background-color:grey!important;
}
.td-header-sp-recs{
background-color:grey;
}
.td-main-content-wrap{
background-color:grey;
}
.td-footer-wrapper{
background-color:grey!important;
}
This will not work 100% on posts or category pages because other containers will be present that are not used on the homepage.
I hope this helps.
Thank you!
Hello,
You can use css to hide the header if you want. Every page has a specific ID that can be targeted with css: http://screencast.com/t/cXvGp4CdWSQ
For example on your homepage you would use this code:
.page-id-37 .td-header-style-10{
display:none!important;
}
For another page, simply change the id in the code to the id of your page.
Thank you!
Thanks.
Just to share my way:
I tried some Ads management plugins and I’m using AdRotate.
(Since I just want some basic ads on the website and I didn’t go for Pro version.)
I setup and fixed 2 Ad Groups, one for Header banner and one for Sidebar banner.
I copy the Adcodes and setup the Header Ads and Sidebar Ads in Newsmag Theme panel.
Then I set the permissions in AdRotate not to allow Editor to manage/delete/add the Ad Groups, so the Editor can only add, delete or change adverts to the 2 Ad Groups.
Well, My problem is settled.
I also found that, the AdRotate already preset to show ads on the website, if you on the Main page add a Ad Block to your fixed front page panel, it will double show the ads on the website.
flynewsgr, I think you just have to try other simple ways like direct insert the Ads images (with hyperlink) in the article… or other ways like adding a Ad Block to your website main page? Just keep trying.
Personally, I still cannot put my custom html ad on header. The put the same html on other positions (for example on the bottom of article) and works properly. Second question: is there a way to add shortcode or to use that ad area as widget position? Thanks in advance.
Fatal error: Call to undefined function get_header() in /home/muhendisbeyinler/public_html/wp-content/themes/Newspaper/index.php on line 6
it’s going 404 soft in google webmaster tools. How can fix this?
Hi Andrei,
Eventually the problem was with the CDN service and it is easy solvable. So for the future reference, if someone else has the same issue, following are the lines that should be added to the .htaccess file:
# ———————————————————————-
# CORS-enabled images (@crossorigin)
# ———————————————————————-
# Send CORS headers if browsers request them; enabled by default for images.
# developer.mozilla.org/en/CORS_Enabled_Image
# blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html
# hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/
# wiki.mozilla.org/Security/Reviews/crossoriginAttribute
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
# mod_headers, y u no match by Content-Type?!
<FilesMatch “\.(gif|png|jpe?g|svg|svgz|ico|webp)$”>
SetEnvIf Origin “:” IS_CORS
Header set Access-Control-Allow-Origin “*” env=IS_CORS
</FilesMatch>
</IfModule>
</IfModule>
# ———————————————————————-
# Webfont access
# ———————————————————————-
# Allow access from all domains for webfonts.
# Alternatively you could only whitelist your
# subdomains like “subdomain.example.com”.
<IfModule mod_headers.c>
<FilesMatch “\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$”>
Header set Access-Control-Allow-Origin “*”
</FilesMatch>
</IfModule>
and here is the link to the complete article https://www.maxcdn.com/one/tutorial/how-to-use-cdn-with-webfonts/
Have a good one,
Vladimir
I am wanting to create a landing page for a video on my steveolson.co site and I can’t find the code to remove the header. Can this be done?
I am trying to get a larger header and a smaller ad space (400 x 80) similar to my current site.
http://www.screencast.com/t/KHAOcM7K
I also like the way that the header currently sits just above the navigation bar.
I have attempted to change the CSS and have gotten the header and ads close to what I want on a desktop, but it does not look right on a landscape tablet.
.td-header-style-1 .td-header-sp-logo {
width: 560px;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-recs {
width: 410px;
margin-left: auto;
margin-right: auto;
}
http://www.screencast.com/t/EYYaWfSRneHZ
What do I need to change to get the header and ad to stay on the same level and not drop below each other on a tablet?
http://www.screencast.com/t/RHoHHIHvI
If there is not a way to keep them on the same level, is there a way to center them?
Is there a way to center the top ad on the mobile version, too?
http://www.screencast.com/t/mNQqebRb