- 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,
I have some issue here to get mobile menu stay on top at all time (regardless scroll up/down).
And i have done the following setting, did I miss out anything?
Header -> Main Menu -> Sticky Menu
Set to Always sticky – Stays at the top of the page.
I’m using Header Style 4.
Thanks!
Regards,
KH
Hi!
My site address is welovescience.co.kr
How can i reduce the space between the main menus and the front post on the home page?
i want them to be as close as possible.
The default template of this Newspaper politics theme did not have a space between them, i cannot do it with my own template formation.
Hi, this moring i updated from 6.6.5 to 7.1 and i noticed that the logo in the sticky bar is duplicated.
Like you can see in my image bellow.
How i can resolve this?.
Thanks!.
Hi Bogdan,
Thanks for your help and your patience. The line works for the home page, but not for the other pages. Any suggestions? What could be the reason for the home page to react differently to the other ones, which still show the retina version of the logo?
I’ve now added this line:
.td-header-style-10 .td-header-sp-logo img {
width:130px!important;
}
Not sure if that’s an elegant solution and I do not understand why the other line doesn’t work for us. Thanks for your help though!
Jenny
Hi Bogdan,
we cleared the cache and tested it on different devices (all kinds of laptops and browsers of people who’ve never been to those websites). We’re 100 % sure, that it’s not a caching problem.
We are using header style 10 – which is supposed to show the bigger version of the logo on all displays, but want it to show the smaller version (width: 130px) on retina displays. This is why we’ve followed the instructions in your documentation for header style 10 (https://forum.tagdiv.com/logo-favicon/) and added the line .td-logo { width: 130px; } to the custom CSS. This line is doing what it’s supposed to do with newspaper version 6.7, but after updating the theme to 7 it does the following: change the logo width to 130px on the home page ONLY and moves it to the left side of the page. On all other sides of the page, it still shows the bigger version on retina displays. Here you can see how it looks on a retina screen: http://www.screencast.com/t/zbk526pSwXBf.
So the problem here is, that we are using retina displays. Retina displays show the bigger version of the logo – non retina display (which you probably have) show the smaller version of the logo. I assume that you have a non-retina display as this is why you only see the correct version or let’s say the non-retina size of the logo.
So the question is: What do we have to do to display the logo with the width of 130px on retina screens.
Best regards
Jenny
Hi,
The method posted by Catalin is the only way of adding a background color or image to your site. you will have to user css to add images as well. The theme works like this: If you do not set a background image or color, there will be only a single container over the full width of the screen so you cannot have a backgground that only appears on the side of the content. This container is only added once you set a color or image from the thme panel. That is why the header and footer go into boxed version, to make room for this background container.
If you want to add an image, use the code Catalin provided and instead of a background color, add a background image like so:
.td-main-content-wrap {
background-image: url("image url here");
}
Thank you!
Hello Manfred,
The tint can be disabled by using this css code:
.page .td-image-gradient-style8:after{
display:none!important
}
.page .td-post-template-8 .td-post-header{
background-color:transparent!important;
}
Add the code in the theme panel-> custom css box
result: http://screencast.com/t/ezPO2PvnxwP
Thank you!
Hi Andrei
The site is vignaclarablog.it but i have restored the prevoius header file because was not working.
I can give you in a private mail access to admin so you can inspect.
Let me now the email address
Fabrizio
Hi,
You can use the same parameters and just change the classes for the code. I will add all of them in the same code:
.td-header-wrap .td-header-menu-wrap-full, .td-header-top-menu-full, .td-footer-wrapper, .td-sub-footer-container{
background: red; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
background: linear-gradient(red, yellow); /* Standard syntax */
}
Thanks.
Hi,
Please provide more details to how you highlight the ads as I;m not sure exactly what it means. I suspect it’s the titles for the ads. If this is the case, then the smartlist and bottom ads as well as the article top and the header ad do not have an option to add titles to them.
Thank you!
Hello krisorqla,
1)I have checked your website and I saw that you are using the header style 1 which has been designed that the logo to be on the left side and the ad on the right side (Header Ad). So, if you are not using the Header Ad you will have a white space instead of Header Ad. I recommend you to change the header style to another one which uses the logo placed in the center of your header section, like header style 9. For more information about our header styles, please check our documentation here -> https://forum.tagdiv.com/header-styles/
2) Please notice that our theme uses the WordPress comments and if you want to get rid of this feature, you will have to disable it from the Theme panel, like this -> http://screencast.com/t/WsfC3j7daa
Thaks for your understanding!
hi. how to custumized header style, so the logo still in right menu bar when i choose top menus header style?
I mean, the header and footer want to be displayed in a 100%, where you change that?
Hi guys,
we’re having some issues with the size of our logo since we’ve updated from 6.6.3 to 7.1.1. We’re currently updating the theme in our development environment.
We’re using header style 10, but want to use the small version of the logo. As advised in the documentation, I’ve added .td-logo { width: 130px; } in Custom CSS , which is the width I would like it to be. This worked perfectly fine with 6.6.3.
This is the logo how it is supposed to be: https://www.22places.de (version 6.6.3)
This is the logo after the theme update to 7.1.1: https://spielwiese.22places.de
In 7.1.1. this line has the effect that the logo (only on the home page) is aligned to the left. When I delete the line from my Custom CSS, the logo is centered as it is supposed to be. However it still shows the bigger version (retina) of the logo.
If the line .td-logo { width: XXpx; } you’ve advised in the documentation does not do the trick, what does?
Hope you can help me out!
Thanks
Jenny
I have done all what you told me.
1) New header-style-7.php in a child theme
2) CSS is the same you gave me
Functionality are perfect. thanks. but… not the style as you se in the image (link below)
The sticker news row goes some pixels on the left of the agination with a line beside.
You can better understand on the example on the rigt of the image i made appling style2.
See the image at:
http://www.screencast.com/users/FabrizioRome/folders/Default/media/092ff928-c6e4-4ad5-9947-efc06047d24a
Thanks
Hello icsiaid,
If you want to decrease your header for politics demo, you will have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-politics .td-header-style-11 .td-logo-wrap-full {
min-height: 0;
line-height: 0;
}
The result -> http://screencast.com/t/Zn56QDncXXZq
Thanks.
Please visit my website for the following:( http://www.phweekly.com )
1. all menus list appear at the top of the header and logo. How to get rid of this?
2. Sometimes, photos on front page dont appear.
3. Photos on my articles as well dont appear.
4. Loading time is very slow.
5. Ad banner on top of the header on the right side doesnt show up ( google ad sense)
6. Facebook counter is ZERO!
How can i reduce the space in the header?
I want the header to be as small as possible so that the large part of contents show up when you open the front page.
The theme i am using is politics newspaper.
thank you
Hello yachtsailingcharter,
Please try the code below.
.td-header-wrap .td-header-sp-top-widget .td-icon-font {
color: red;
}
The result -> http://screencast.com/t/Z8ckZ97a
Thanks.
Hello,
The code does not work because you do not use a text logo but a standard image logo. The code i provided changes the text logo, not an image size.
If you want to have a smaller logo, you have to edit the image itself in a photo editor like photoshop or your preferred one. The header style you use does not change the size of the logo you upload.
Thank you!
Hi Bogdan,
Thanks for replying. Im looking to have the big grid across the top of my home page with categories underneath and have the smartbar scroll beside them, this is the code I have:
[vc_row][vc_column][td_block_big_grid_3][td_block_ad_box spot_id="header" spot_title="Advertisment"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][td_block_1 custom_title="Ports" custom_url="http://www.infrastructureaustralia.com/ports" header_color="#eded00" category_id="10" limit="1"][/vc_column][vc_column width="1/3"][td_block_1 custom_title="Construction" custom_url="http://www.infrastructureaustralia.com/construction" header_color="#81d742" category_id="13" limit="1"][/vc_column][vc_column width="1/3" el_class="td-ss-row"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][td_block_1 custom_title="Infrastructure" custom_url="http://www.infrastructureaustralia.com/infrastructure" header_color="#1e73be" category_id="11" limit="1"][/vc_column][vc_column width="1/3"][td_block_1 custom_title="Telecommuncations" custom_url="http://www.infrastructureaustralia.com/telecommuncations" header_color="#dd9933" category_id="6" limit="1"][/vc_column][/vc_row][vc_row el_class="td-ss-row"][vc_column width="1/3"][td_block_1 custom_title="Airports" custom_url="http://www.infrastructureaustralia.com/airports" header_color="#7b7c18" category_id="9" limit="1"][/vc_column][vc_column width="1/3"][td_block_1 custom_title="Rail" custom_url="http://www.infrastructureaustralia.com/rail" header_color="#a5008c" category_id="8" limit="1"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][td_block_1 custom_title="Road" custom_url="http://www.infrastructureaustralia.com/road" header_color="#dd3333" category_id="7" limit="1"][/vc_column][vc_column width="1/3"][td_block_1 custom_title="Utilities" custom_url="http://www.infrastructureaustralia.com/utilities" header_color="#00eaea" category_id="12" limit="1"][/vc_column][/vc_row]
But I would like it to look more like the newspaper demo.
Many thanks!
Hello,
Please follow this topic to see how tio change the module titles tag from h3 to h2:
https://forum.tagdiv.com/topic/how-to-change-header-tag-in-page/
Thank you!
Hello,
The gradient was only added for the mobile menu, but there is a css trick to do it for the main menu as well.
Please use this code:
.td-header-wrap .td-header-menu-wrap-full{
background: red; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
background: linear-gradient(red, yellow); /* Standard syntax */
}
I set the colors to red and yellow, but you can change these to the ones you like. Just add the code in the theme panel->custom css box.
Result: http://screencast.com/t/2hCJXMcRR
Thank you!
Hi there,
Whenever I search on website 10keythings.com
it throws me the following error even on the Top of the Top header Menu(-
Warning: Class __PHP_Incomplete_Class has no unserializer in /home/content/p3pnexwpnas10_data01/27/2779827/html/wp-content/object-cache.php on line 520
I have tried activating and deactivating various plugins but in vain. It is happening after the latest update of Newspaper theme 7.
I have raised this issue earlier too but in vain.
Did you guys use
this: Header add Access-Control-Allow-Origin “*”
or
this: Header add Access-Control-Allow-Origin “websitename”
