- NewsmagLogo & Favicon
- NewsmagWhat’s included in Newsmag theme package
- NewsmagMain menu
- NewsmagHeader styles
- NewsmagFooter templates
- NewsmagTheme colors introduction
Hi, Andrei.
Yes, I did all that.
http://www.exorbeo.com
As you can see, on desktop the menu is white and on mobile it’s a dark grey. I assumed that was as default. I need to change the mobile menu to a white background or at least it’s center, where the logo is shown.
Thanks.
How do I remove the header block above the Revolution slider? <h2 class=”wpb_heading wpb_revslider_heading”>Main Slider</h2>
I want the slider to butt up against the main nav bar on top and also align with the left and right (full width on content area).
Also, I want to make my logo much bigger. Is there a way to do this with affecting everything else?
Thanks
PS – is there a way to share images and make this “private” rather than public?
Hi!
I want to use the header ad but I want my logo to go fully across the top of the page and the ad to be centered below it. How do I make this happen? Custom CSS perhaps. If you go to my site mycommunity.news you can see what happening now. It’s being pushed down by the logo. I am fine with the position actually but I just want it centered. Please help! Thanks!
Hi
1. You can use header style 10 and remove the margins around the logo with custom css:
.td-header-style-10 .td-header-text-logo{
margin:0;
}
The result should be like here: http://screencast.com/t/KwPqcFjUGGvl
2. The size of social icons from top menu and footer can be changed using custom css: http://screencast.com/t/Qjtloicy3L
.td-social-icon-wrap i{
font-size: 18px;
width: 30px;
height: 30px
}
You can modify this values as you like.
3. To add the line between post
-in block 12 use this custom css: http://screencast.com/t/RgwLycBvzygI
.td-block-span12{
border-bottom: 1px solid black;
margin-bottom: 35px;
}
-in module 8: http://screencast.com/t/h5AM7N0Qp
.td_module_8 .item-details{
border-bottom: 1px solid black;
}
-in module 11: http://screencast.com/t/6UTSJvxMQAeT
.td_module_11{
border-bottom: 1px solid black;
margin-bottom: 35px;
}
4. We didn’t tested any plugin for that request so I can’t recommend one, this is the theme’s mega menu https://forum.tagdiv.com/menus-newsmag/ which you can use, but if you need another appearance for it you can look for a plugin.
5 For the big grid title you can use this css: http://screencast.com/t/ltBUOngPS8at
.td-big-grid-post .entry-title a{
background-color: red;
display: inline-block;
opacity: 0.8;
}
You can change the color and opacity as you like.
Thanks!
Hi
The logo div it’s located in header style file, for example for header style 3 the file it’s header-style-3.php as you can see here: http://screencast.com/t/0hgHc5VQ The logo class is td-header-sp-logo and you can apply some css and center how you want, depending by the header style used. Here are some good information about css positioning: http://www.w3schools.com/css/css_positioning.asp
If you can’t manage to do it let us know and provide a link of your site.
Thanks!
Hi,
Your logo looks fine blank background like you have on desktop. You can change also the background color for mobile menu using custom css in Theme Panel > Custom Css – http://screencast.com/t/GdbfzhveFH4
@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #fff !important;
}
#td-top-mobile-toggle i, .header-search-wrap #td-header-search-button .td-icon-search {
color: #222 !important;
}
}
Hope this helps!
Hello,
I would like to add a tagline next to my logo but I can manage to find the logo div in header.php…
Also, do you know how can I center the logo?
Thank you for this amazing theme (one of the best i’ve seen on themeforest so far)
Cheers
Why is the mobile logo looks grainy. It looks fine on the desktop site. http://www.mypj.com.my
After updating the theme, the menu on mobile went dark grey. This doesn’t work with my logo.
How can I change it to white, as the desktop version? Or maybe keep just the burger menu and search button dark?
Thanks.
Hallo Alin,
it is what I did but this does not disable the logo in smatphone visualization.
Indeed I don’t know what it might be.
Please have a look
lesuberante.it
thank you
A few little tweaks to finalise the design for magazine site using newsmag.
I’m using Newsmag and it’s got some really excellent features, I know I’ll be recommending it when this project is done!
1.Header Style
There are lots of really great options for the layout of the header, but I seem to need the only combination that’s not available. Style 7 gets close, but I’d like the top and main menu colours to go full width. Style 10 gets closer but the logo area is too deep.
IS it possible to have this tweak with some CSS?:
Full width top menu, full width main menu, centered logo with depth thats the same Style 7.
2.Social media buttons
I have these in the top menu and in the sidebar. Social connections are going to be really important for this site, so we’d love to have these quite a lot bigger. Can the social follow links be made bigger?
And is it possible to have the social share buttons use the same style, rather than those blocks
3. Category layout, article list
I’m using block 12 to show my list of latest posts when i need to add extra lists of articles and the M8 and M11 styles for category pages. I’d love to add a 1px line between each post so that they are a bit more seperated.
4. Mega Menu settings
I’d like to add some variation in the mega menu layout. Is it possible to use a premium mega menu plugin to add different contents to each column or would this cause errors with the theme? OR are there options that I missed within the theme? A sample of how I’d like the menu to look here:
http://theeverygirl.com/ Text column + recent post featured image + top articles
5. Article titles in Big Grid
The gradient really helps to improve the readability of the article title, but is it possible to have the text appear in a box instead, with maybe an opacity so the the image still shows through? The box would have to respond to the length of the title. Again, they do this on http://theeverygirl.com/
I’d really appreciate your support on this. I’d like to stick with the newsmag theme!
Thanks in advance 🙂
Claire
9. HTML 5 SEO suggestions/questions:
9.1 Could you wrap the main menu with the <nav></nav> tag?
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav
9.2 Should the <header></header> tag contain the top menu, logo, top ad banner, and main menu?
I see that Newspaper does this: <article><header><h1>Title</h1></header> content </article>
One theme I have does this: <header> logo, menu, ad, search </header><article><header><h1>Title</h1></header> content </article>
Another them does this: <header> logo, menu, ad, search </header><article><h1>Title</h1> content </article>
In my opinion, <header> would tell Google the information in this tag is not the content. Thus I would go with the third option. I am not certain of this however. Any thoughts?
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header
9.3 Should the entire sidebar be wrapped with the <aside> tag? I think Newspaper widgets are individually wrapped with <aside> but this does not happen for all widgets. Two of my other themes wrap the sidebar with <aside>.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside
Hello,
I am working on including an image in the footer style 9 but the full image is not showing. In the Footer 1 widget I am using 
Thanks.
someone can help me with my blog, the problem is that when I make some changes in color or anything else no changes appear
if I change the logo change continues with the previous logo does not appear and as usual
and I made the update and as usual anyone help me thanks
Hi
By default the theme hide the top menu on mobile devices but you can find a way to display it in this topic: https://forum.tagdiv.com/topic/loginlogout-in-mobile/
I am not sure what you mean because the footer menu should be visible on mobile device as you can also see on our demo: http://screencast.com/t/L2gTNRTVhKq
Thanks!
Hi,
In version 6 the logo can be used at 272×90 size like you already know, unfortunately it was designed like this and you can change it using custom css. You can upload your the size that you use in the footer and check it with this custom css in Theme Panel > Custom Css – http://screencast.com/t/exoB9n4gwr3 – http://screencast.com/t/jv6fQi15iDN
.td-header-style-1 .td-header-sp-logo img {
max-height: none !important;
}
.td-header-style-1 .td-header-sp-logo {
height: 115px;
max-height: none !important;
}
@media (min-width: 768px) and (max-width: 1019px) {
.td-header-style-1 .td-header-sp-logo {
height: 100px;
}
}
Regarding second issue I could not recreate this so please provide a link where you use this bloc so we can take look and inspect this. Also test it without any plugins active, leave only Visual Composer active, clear cache and see if the issue is still there.
Thanks!
Okay. Well, I’m disappointed to hear that because it was not a problem in the old version. And, I’m not at a position to hire a professional to handle that. I’ll try to manage by adjusting the current logo within the fixed width and height. It would be nice to see a logo size customization option in the near future.
By, the way, I’m in love with the new version (except few problems like the Google+ link and logo resizing)
Also, one of the block needs care. The block 18 doesn’t look like it should. The main image overlaps on the second. For reference take a look at when I simply implemented on my homescreen.
http://www.screencast.com/t/I6365HQZ8IH
Hi,
Please try the following css and check if the issue is still there:
@media (min-width: 1020px){
.td-header-menu-wrap {
height: 170px;
}
.td-header-menu-wrap.td-affix {
height: 48px;
}
}
@media (min-width:768px) and (max-width: 1019px){
.td-header-menu-wrap {
height: 100px;
}
div.td-header-style-7 .td-header-sp-logo img {
max-height: 100px;
max-width: initial;
}
.td-header-menu-wrap.td-affix {
height: 48px;
}
}
Thanks!
Hi,
Unfortunately there is fixed height for container and a max height for logo image that’s why you have this issue with logo, because it matter the aspect ratio of the image. You will need custom modification to use the same image size and increase the width and height, I suggest to hire a professional to do this for you if you don’t have basic css/html experience as we cannot provide custom work, sorry! Y ou have to customize it for each screen size using media queries, for example – http://screencast.com/t/YG6pPPShacL
@media (min-width: 1140px) {
.td-header-style-1 .td-header-sp-logo {
width: 340px;
height: 160px !important;
margin: 28px 0px 9px 0px;
}
.td-header-style-1 .td-header-sp-logo img {
max-height: 160px;
}
.td-header-style-1 .td-header-sp-recs {
margin: 40px 0 9px 0 !important;
}
}
Thanks!
Hi Guys,
I just noticed one more small thing. The header looks perfect when you first visit my site, then when you scroll down the menu goes sticky, which is great. But when you scroll back up, the menu has reverted to its default size, and the logo is too large – it hangs over the bottom of the menu.
http://www.irreverentgent.com/
Please let me know if there’s anything I can do to prevent this from happening.
Thank you again for the great support! Really enjoying this theme so far.
Well, I had 4.4 installed. And I was using a 330×194 pixels png logo. But, when I try to upload the same image on Newspaper 6.3 it gets small in size (provided that while uploading it was- use Full Size(330×194) enabled)
So, Now I had to crop my logo to 272×90. But, it’s not looking good as before.
The original logo can be observed at the footer section of my site.
If you have any doubts you can just save the logo from footer and test it offline, you would observe what I mean to say.
Hi,
You have added the custom ad and it is displayed properly, please make sure that you have added the code also for header ad – http://screencast.com/t/1MnCna0iR Also you have added this css to center the logo – http://screencast.com/t/jEA3VuTFppC it should be removed margin auto and float none.
Thanks!
Hi there,
i wonder why – yesterday one of my member says – hey where is the register and login button an my mobile?
And right – there is now button – because there is no top header menu.
BIG BIG Problem, because i have a lot of informations in my top header menu ready – like register, log in, log ou – NOT !!! YOUR LOGIN/LOGOUT – instead the Ultimate Member Plugin running and the menu link to the top header – more other site, like help pages etc – all on the header.
Please help !
This is very urgent !!!!
Hi,
There are options for header and footer sections in Theme Panel. Please check Theme Panel > Header to change the logo and you can paste ad code in Theme Panel > Ads > Header Ad – http://screencast.com/t/NR3QKuBieAT5 – http://screencast.com/t/ErDvA2w0H
Also for footer are please check Theme Panel > Footer – http://screencast.com/t/AKwJgP7DX0t
Please check also documentation – https://forum.tagdiv.com/logo-favicon/
Thanks!
Hello,
I have installed fashion demo to my blog and I see retina logo size issue that you do not have on your fashion demo here:
http://demo.tagdiv.com/newspaper_fashion/
I have uploaded logo with size 272×90
And I have uploaded retina logo with size 1080×300 (the size not from theme panel, but from your demo).
And now when I loking at my site on retina monitor, my logo is very big, but on your demo your logo is looking good, as with normal size.
Please help me to make my retina (big size) logo looking also in the normal size. I need this to make my logo looking with high quality on retina displays.
Looking forward to hearing from you.
Kind regards,
Nick
