- TutorialsDefault Block Settings Guide
Hi Catalin.
I not looking to make the theme full width (content), but just make the header background(s) be full width (as they do when background ads are disabled) and not but be “cut” by content-width. Shouldn’t that be possible with some quick CSS?
Hi,
This happens occasionally on the homepage when the icons show up something else. It gets resolves when you visit 2-3 pages.
http://i67.tinypic.com/167ldo1.png
Started happening after updated to latest version.
Also, how do I remove that line from the top of the top menu? using header style 8.
Any thoughts?
-Sid
Hello JBH,
If you want to exclude this header, it is necessary to use a bit of CSS to hide it. Please try the code below and add it in Theme panel->Custom CSS area.
.td-comments-title-wrap {
display:none;
}
We know about this problem and we try to fix it in the future update.
Thank you for the message!
Hello vasiliki,
Depends on what kind of header style uses into your website. Please notice that our theme is implemented 12 header templates with the different style. If you want to have a big header logo, you have to use a header style that has a full logo displayed on this style, look like header style 9, 10 or 11. If you are using other header styles besides these, you have to use a bit of CSS to change the dimensions of the logo and you can break the layout. Please provide your website so I can inspect it closer and provide you a more accurate response.
For more information about our header’s styles, please check the documentation here-> https://forum.tagdiv.com/header-styles/
Thank you for the message!
Hello,
1) The animation can be disabled from here: http://screencast.com/t/42czzDE8X
2) This can be achieved without compromising the theme. You can use this css to reduce the outer container:
.td-boxed-layout #td-outer-wrap{
width:1110px!important
}
3) Unfortunately there is no such ad spot at the moment in our theme. I’m not sure what ads you are referring to in the health and fitness demo: http://demo.tagdiv.com/newspaper_health/ Please provide an example.
4) The disqus plugin is not listed as officialy tested to work 100% with our theme. We just added some fixes for it due to user requests for this. I cannot provide an official answer but our users have been utilizing disqus successfully with our theme.
5)Header style 8 has a few problems we are aware of, and this seems to be one of them. We suggest using a different header style until we can fix the issues with header 8. (Sorry for the inconvenience)
6) We always recommend the freelancers from envato itself. (studio.envato.com)
I hope this helps.
Thank you!
Hi,
I noticed that there is a ‘no comments’ header when i disable ‘comments’ on pages.
https://gyazo.com/30e47ffb555e33e089939a58954d78b0
Is this a bug in the theme?
JB
Hello VoZz,
If you want to decrease the height of this container, please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
@media (max-width:768px){
.td-post-template-8 .td-post-header {
height: 200px;
}
}
The result you should see here -> http://screencast.com/t/UR0XPsKlRI6e
Hope this helps!
Thank you for the message!
Hello Phonetic,
Unfortunately, our theme does not have such an options to set the Ads as you wish. It is not a simple task and required custom work. If you want to display more levels in our theme and you are not aware the steps in this regard, please consider hiring a freelancer/developer to implement this for you because we cannot provide custom services at the moment, sorry!
I can give you some hints in order to achieve as you wish but please notice that require custom modifications…after you have selected the background-click ad from your Theme panel -> http://screencast.com/t/fV8KzyjZRjd and background-image like this -> http://screencast.com/t/GtWjiHoDhkxb you can use the CSS code below to achieve like this -> http://screencast.com/t/VAOMron8Ygv
The code is ->
.td-header-menu-wrap-full {
margin-bottom:150px;
}
.backstretch {
margin-top: 170px;
}
Please notice that it is only an example. If is not what you mean, please hire someone to help you.
Hope this helps!
Thank you for the message!
Hello chand3g,
The top menu does not appear on the mobile version by default. This was a design choice. It can however be activated with custom css:
@media (max-width: 767px){
.td-header-top-menu-full {
display:block!important;
}
.td-header-sp-top-menu{
display:block!important;
}
.td-header-sp-top-widget{
display:none!important;
}
}
The result you should see here -> http://screencast.com/t/VIQA4SZydh
Thank you for the message!
Exactly, CDN is best for edge hosting (being able to load frequently loaded content at a closer locale). A CDN is also useful if you get periodic traffic surges (e.g., featured on Reddit or something), as it allows you to get a big overload without having complex load balancing (we’re talking something like jumping up to 1 million views in a week or something … this happened to us once and holy crap!). And it can be useful for some common stuff like jquery as it gets cached in browser so is not reloaded if everybody is loading it off Google’s server.
Also note that some CDN setups don’t properly gzip/deflate everything unless you set that up — some are managed, some are just like your own site meaning you have to manage TTL, CORS, expiration of content to refresh, gzip/deflate, headers, etc.
Frankly http/2 is going to be more mission critical with hosting services, and http/2 + mod_pagespeed is very powerful.
Hi I just bought your theme. Actually I am switching from another template and I would like to have a big logo to fit the full header. I dont want to place any ads there.
Is this possible?
Thank you
I have several configuration questions.
1. Hover Slide Animations: Is it possible to disable the slider image animation. What I mean by this is, for example, if I hover over one of the sliders with my mouse the image zooms in and then goes back to its previous size. I have looked for a setting that disables such animation, but have not been able to find a way to turn it off. Is there code that can disable it?
2. Site Width: Can the width of 1164 be reduced without impacting functionality? My primary goal is to get rid of all the extra white space padding on either side of the site. Before looking at it with firebug I thought it was a margins or padding config issue, but when I used firebug it appears the width of the site is 1164 without padding. I’d like to reduce it down so that there is only a small amount of white on either side of the site with a width of say 1096. Can this be done without compromising the theme? If so is would you have code I could just paste in to make the tweak?
3. Wallpaper Ad Functionality: Question 2 directly relates to this question. I run an entertainment blog and from time to time we get campaigns that will take over the site with wallpaper ads on either side and above the header. Do you plan on adding such an ad spot to the Newspaper theme? I’ve seen other developers (such as MVP themes) whose themes contain a wrapper ad feature? I also noticed that in your Newspaper Showcase Fitness First Mag has 90×160 skyscraper ads in a similar manner, but I’m not sure if they did a custom tweak for it. This would be great added functionality for news sites.
4. Disqus: I saw in your hot fix info that there had been a fix for Disqus comments. I didn’t see anywhere on the actual theme feature info that the theme is in fact Disqus compatible. I already use Disqus on my existing site and plan to use it on the new site I’m launching using the Newspaper theme. I just want to confirm it is compatible and that the comment count shown on the main, category and tag page story lists will update based on Disqus comments.
5. Header Menu Issue: I noticed that when using Style 8 – Hibryd Menu 2 and a background color that the white menu is one or two pixels higher than the site layout itself so bleeds into the background color. I’ve included a screencap. It’s not a big deal when I use a white background, but when I have a background color or when I have wrapper ads it would be a problem. 
6. Do you recommend specific freelancers who are familiar with Newspaper that can be hired to make customizations? I want to have some sub themes for specific categories created and before I started looking at freelance sites I figured I’d see if you had any recommendations.
Thank you in advance for your reply!
Thank you for your continued help with this, Bogdan.
The difference I see between your example and mine is that you’re not implementing the image in the same way as I am. When I test the image in the header spot, footer spot, etc. it works fine. In fact we also have other animated .gifs on the page that function correctly.
However, we have the page in a 2/3 + 1/3 column configuration. I’m implementing the image in the 2/3 column. First we have a Block 1, then an Ad Box, then Block 2, then another Ad Box (which currently uses Google adwords). see here: http://www.screencast.com/t/glmWHwTdXos
Now, check out this video: http://www.screencast.com/t/LSpeClaaQF
I have implemented the AspirEDU .gif in the 2/3 column at the top using a “Single image” block. Same issue – flickering and squeezing of the image. At the same time I’ve substituted the header image (which is only a .jpg) in the Ad Block position. You can see how the header image (which is 728X90) has been squeezed to 640X80, left aligned and presses up against the section below (Block 2). If you continue to scroll down the page, in the 3rd Ad block position, we’re using AdWords and the full width is being used without squeezing, etc.
Right now, until we figure it out, I have placed a static .jpg image on the page. Check it out – it should be 700X86, but on the page it is only 640X80.
My gut tells me there is something going on with the Ad Block squeezing the image and, as such affecting the display of the animation (as is readily visible in the video examples I’ve send over).
Note: I’ve updated the images we’re using so they now have a black boarder.
//www.moodlenews.com/wp-content/uploads/AspirEDU.com-Advertisement-700×86.gif
Hey guys,
I really like post template style 8, however on a smaller screen (I’m working with a 1366 x 768 resolution atm) I dont like the height of the transparant header on these smaller screens as it covers the whole page.. I would prefer to have a similar height of the header as in the category page style 8.
Is there some custom CSS I could use to adjust the height? Preferably with a media query so it only affects the smaller screens?
First of all thanks for an awesome and very well-built theme. So far it’s been a breeze to work with and customize to my needs.
There is one issue I’d like to resolve. I want to implement clickable wallpaper ads including the header add backgrdound. Last part is easilly doable with just modifying the alpha-value (header ad background) and then overlay a html5 / flash ad, but I need the top menus (main menu & top bar) to be full-width and not fixed width and have the top of the background image / ad start from the top add (td-header-sp-recs) and NOT from the top of the page.
Is there an easy solution for this?
I plan on using OpenX / Revive to serve all ads.
I’ve included an example that more or less illustrates what I’m trying to do:
Hello,
Header style 12 is a bit different and it simply uses a grey tint on the hover effects. This is the default state of the menu. You can change this with css if you want:
.td-header-style-12 .sf-menu > .current-menu-item > a, .td-header-style-12 .sf-menu > .current-menu-ancestor > a, .td-header-style-12 .sf-menu > .current-category-ancestor > a, .td-header-style-12 .sf-menu > li > a:hover, .td-header-style-12 .sf-menu > .sfHover > a{
background-color:red!important
}
Thank you!
Hi,
Can you please help with the next:
I want to add a (menu-item-1602) that has a 114 submenus to a page. In the header menu I did manage to add a scroll to menu-item-1601 by using the below css:
@media (min-width: 768px){
.menu-item-1601 ul {
overflow: overlay;
height: 300px;
}
}
Now i want to add a clone of this menu item (menu-item-1602) in the middle of the page and have used the below function to create a shortcode:
function print_menu_shortcode($atts, $content = null) {
extract(shortcode_atts(array( ‘name’ => null, ), $atts));
return wp_nav_menu( array( ‘menu’ => $name, ‘echo’ => false ) );
}
add_shortcode(‘menu’, ‘print_menu_shortcode’);
The problem is that I want to add the style of the drop-down-box (https://forum.tagdiv.com/topic/drop-down-box/) but I am not able to make it work. Can you please help with the style for his menu-item?
Thanks
Hi,
I’d just make some modifications to file Newsmag CSS file style.css and, in the past, I’ve already made these modifications in a Newsmag child theme. But after the last updates it seems no more supported because, for example, the simply copy of the original file in the Newsmag-child theme root directory causes malfunctioning to the site (i.e. icons in the top header menus and icons all over the siste are no more correctly displayed and only their placeholders are visualized. Moreover, from your documentation page, in the Child theme support section, I see that the file style.css is not in the list of files that can be overwritten by a child theme: is it correct? Should I really redo by hand all my code customizations to Newsmag/style.css file at every Newsmag update (and it happens quite often)?
Thanks in advance for any appreciated help.
Giuseppe
Hello,
I have checked our documentation and everything works as expected:
https://forum.tagdiv.com/header-ad/
https://forum.tagdiv.com/sidebar-ads/
https://forum.tagdiv.com/article-ads/
1) I have checked your capture and saw that the line height of the menu got modified. Either by customization or by a plugin. This can be corected if you provide a link to your website so i can inspect it and provide the css code required.
2) The code for this can be found here: http://screencast.com/t/dHQoIAUL1DsW
You can edit the text as you like.
Thank you!
Hello,
I have checked your website and saw that the font is a little big for mobile.
You can use this css to make it smaller and bold if you want:
@media (max-width: 767px){
.td-post-template-3 .td-post-header header .entry-title {
font-size: 18px!important;
font-weight:600!important;
}
.td-post-template-2 .td-post-sub-title, .td-post-template-3 .td-post-sub-title, .td-post-template-6 .td-post-sub-title, .td-post-template-7 .td-post-sub-title, .td-post-template-8 .td-post-sub-title{
font-size: 14px!important;
}
}
You can change the font-size in the code to your preference.
Thank you!
Hi
Sorry fr that, i missed a selector.
Replace the previous css with this one, now should work fine: http://screencast.com/t/OLXmMTCe
.sf-menu > .current-menu-item > a:hover, .sf-menu > .sfHover > a:hover, .sf-menu > .td-menu-item > a:hover {
border-bottom: 4px solid red!important;
}
@DaneOLeary unfortunately at the moment this is the fastest solution that i can provide. In order to work as you explained above are required many customizations in header’s css code. This implementation was designed for Newspaper theme and its accommodation at Newsmag require a different approach for the menu css code.
If you still need guidance on this or 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 as we cannot offer custom modifications at the moment.
Thanks!
Hi
Even if you don’t a header ad the space for the ad it’s already reserved in header: http://screencast.com/t/rjGNMvEOyL7 To remove that space you can delete this code from: header-style-4.php http://screencast.com/t/Jwgaie4S3e As long as you’re not using a header ad the content won’t be affected. When you decide to use the header ad then the code must be added again.
Thanks!
Hello,
this happenes when the css get rewritten. Please check your code in the theme panel and check for any selector like so: .post header h1 and attributes for the font-size. If there are multiple instances of the code, please remove them and just leave the value you want.
Thank you!
Hello rockingfamily,
Below I gave you CSS code for both headers style used. I do not recommend to increase this with CSS because you can break your layout. In order to achieve the best result, I suggest using another header style with a bigger logo.
For header style 8
.td-header-style-8 .td-header-sp-logo {
width:300px;
}
For header style 7
.td-header-style-7 .td-header-sp-logo img {
width:300px;
}
Hope this helps!
Thank you for the message!
Hi
The code should look like in this screen: http://screencast.com/t/NJtcqnrJ Just replace all code from header-menu.php file with this one: http://pastebin.com/19NaFmcg and replace the page id and image url as i indicated in the screen.
To increase the logo size on mobile devices use this css in theme panle > custom code > custom css: http://screencast.com/t/OMrlgBHyp1yv and modify the width value as you want:
@media (max-width: 767px){
.td-main-menu-logo img {
width: 70%;
}
}
Thanks!
