- NewspaperHow to Add a Logo in Newspaper
- NewsmagLogo & Favicon
- NewspaperShortcodes
- NewspaperHow to Set the Image Avatar
- NewspaperThe Mobile Theme
- NewsmagWhat’s included in Newsmag theme package
- NewsmagMain menu
- NewsmagHeader styles
- NewsmagFooter templates
- NewsmagTheme colors introduction
- NewspaperFavicon & iOS Bookmarklet
- NewspaperHeader styles
- NewspaperWhat’s Included in the Newspaper Theme Package
Did you follow the suggest size requirements/suggestions for the logo? I have no problem on mobile and desktop screens.
Theme Panel -> Header -> Logo
Hi. Could you please suggest me how to insert a different logo for mobile users? Currently your theme resizing the main logo and inserting it to the right side on mobile screen. My logo doesn’t look good on mobile screen so I want to make it more neat.
Thanks
how to move date and time under logo?
otherwise
and how to move centered on black top bar?
Hi Marius,
I administrate website http://www.uesmag.com for “per123” and add logo directly in menu
<img src="images/uesmag_logo_header_white.png" height="26" width="152" />
but which css I must change with
.affix .menu-item-525 {
display: none;
}Thanks
Hello,
Use the css provided above but don’t forget to change the menu-item-xxx with yours
.affix .menu-item-525 {
display: none;
}Give me your site URL weith logo in menu and i will give you the fix.
Thanks!
hi marius,
thank you for your replay.
we want that logo appears only when the page is scrolled, how to make that?
Hello,
Another solution is to add the logo with <img src=""/> tag directly in menu as an item from menu and hide it from CSS with this code: *replace menu-item-525 with you CSS selector of the logo.
.affix .menu-item-525 {
display: none;
}Thanks!
can you please describe more further how to put logo on fixed menu when its scrolled down (desktop browser)? thank you in advance 😉
Thank you Marius for your response. I have ben trying to get the css styles but for some reason I fail. Is it possible to help me achieve this since we need the changes asap for our boss…
Summary:
1) top navigation border
2) top navigation full in boxed mode
3) reduce white space above logo and top ad
4) Border on main nav
5) 3 px shadow around the box layoout
Please take a look at this screenshot which shows exactly what we are trying to achieve
Thank you so, so, much!!!
Thank you Marius! I also have some more questions. don’t know if I need to start a new topic. If I do please let me know. I am posting here for now:
Is there a way to have the big slider in a “blank template” with a sidebar next.If I use it in another page template than the Homepage+bg it is not working. Let me know if this is not clear.
Also I am trying to have your default latest articles in homepage but I would like to use the load more button. Is there a way to achieve this.
And a final one: I am trying to ad another (extra) banner above the logo and the existing top ad. What is the best way to do this.
Thank you so much for a great theme and your help!
Hello,
We will release V3 with a new ads system friday(4 days) if you want to wait.
Thanks!
Hey!
I chose to use Amazon’s CloudFront since I already have Amazon account and they bill my card on file (I think December was $0.98). CloudFront works well, aside from this pesky issue with Font Awesome 4, which I’m getting same issue from boostrapCDN (free) — sometimes the icons won’t load in IE10/11 or Firefox (both on Windows) for no good reason.
Anywayyyyyy….. in my case I’m using S3+CloudFront since my brother’s company (in the educational software business) uses it, a lot of folks have been testing running WP sites virtually entirely in their cloud (!), and I’ve got a nice app called Cloudberry S3 Explorer which works as both bulk FTP, header settings for expirations, ACL/Public settings, and CloudFront invalidations. So, it was just kind of the best choice. Right now only loading CSS, JS, fonts, static images (logos, little things like BBB bug, etc.). Not yet using for WP.
Upshot … I think folks would likely spend the 30-cents vs free to “test” both for speed.
In my case I did test couple of things against CloudFlare and where I’m at there was couple of msec saved, so seemed worth it to just use Amazon since I know they’re not going to disappear, or get bought by Google and squashed or anything else with other cloud stuff might throw out there. I’m also inherently suspicious of anything “free” as that is no business model, and I need reliable here today, here tomorrow setup for our main business site. So, $1 a month to count on it, vs “free” and might be gone without warning. Was easy choice for me.
Haven’t yet done anything with the WP stuff as waiting for Newspaper “3” if it will have classic WP ‘header.php’ file where I can just point a bunch of the CSS/JS stuff at the CDN without hacking something that will then need re-hacking in 2 weeks.
I also did some research on some articles around and since I don’t need SSL off the cloud (after all I have my own damn server!), this was food for thought:
http://robin.userapp.io/post/66094840975/finding-the-right-cdn-for-our-startup-maxcdn
Thanks, but somehow it doesn’t seem to work for me. When I use responsive ads they show up fine on the top, but my sidebar ads and the ads under my articles disappear. But when I use a normal top ad, then they reappear again. Do you know what could be the problem?
Thanks!
Hello,
See here: http://import.tagdiv.com/newspaper/doc/ads.html
Thanks!
Thanks for the quick response 🙂 But what do you mean with “Google adsense and add on phones”? Also is there any documentation that explain exactly how to set up responsive ads? I am a bit confused with the options Ads and Google Adsense under theme options.
Cheers!
Hello,
You can make this from CSS. There are 2 logos, one in menu, and one above the menu that is with display:none(hidden)
Hidde the logo from menu and display the logo above the menu(with display:block)
For ad, go to Theme option -> Google adsense and add on phones.
To do the CSS for the logo inspect your site using Firefox or Chrome inspector.
Thanks for the message!
When I look at my website I see the logo is placed on the right side, but is it also possible to display a full width logo on mobile devices? Also, is it possible to display a mobile banner under the logo instead of above it?
Thanks in advance 🙂
Hi Guys,
First off, awesome theme. It is the only theme on the market that got close to being able to present our content in the way we want.
I’ve been working on creating a child theme based on Newspaper for a Hawaii-based travel agency for the last couple months. I have a few questions about best practices and what I might be doing wrong in my child theme creation. As comprehensive as the theme is, there is still need in our case to make changes that are not possible given the theme options. 🙂
It appears to me that the theme is really a framework in itself and doesn’t play well with the child themes concept. Is this a correct assumption?
In my child theme I have parts/archive-header.php that was copied from the same directory in the Parent. This file works as expected. Now I want to customize the header on the home page. I find out that that is parts/header/header_style_2.php. So I copy that file to the same directory in the child, but only the html in the document renders, not any of the conditional code result. It seems like this is because the Parent Theme’s classes are not able to be called from there. Which, for instance, is why $td_customLogo = td_util::get_option('tds_logo_upload'); is empty so the logo does not render.
How do I include the parent frameworks’ classes in my child theme?
Second question: I have edited the td_module_1.php(and a few of the other app/module files) to add my own custom_post_type_render() method to that class that I call from the child theme loop file. Is there a way that I can do this in the child theme directory so I do not have to modify the Parent Theme files?
Thanks a bunch,
Tom
It couldn’t hurt. Point I was making is that Google is going to filter search results for the best match for a specific topic. On most sites these days there is little unique on the home page relative to a page such as “services” or “pricing” or “our staff” where Google would focus on the page related to that topic. Meaning, you don’t want Google to show your home page for your services, you want them to show your services pages when somebody searches for “Anna’s 1986 Whacky Widgets.” 🙂
Additionally, if you’re not building a newspaper layout, you can build any type of page and the title of the page is an H1, or if using a custom taxonomy simply use H1 tags for your header text which you type into the page itself.
That is a clever use of the H1 tag on Joost’s home page:
<h1 class="site-title" itemprop="name"><meta itemprop="logo" content="http://cdn.yoast.com/wp-content/themes/yoast-theme/images/header/logo_x2.png"/><a itemprop="url" href="http://yoast.com/" title="Yoast">Yoast</a></h1>
I’m still surprised they’re (Joost and co.) are not using white space removal and comment removal to optimize the HTML delivery of their pages, which would enhance page load and caching.
Still, an “option” to put an h1 element on the logo div only for home page as a clickable option, might not be a bad idea!
A good thought for improving landing page visibility for non magazine portals using this theme. Note that on “most” magazine sites there is no semantic need for an H1 tag on the “cover page” as there is no unique content, as it’s often dofollow links to the story which has H1 tags and you want THAT page to be indexed under the title of the story as the canonical link and not the same content on home page (I’ve been doing SEO since 1996, fyi, professionally). Often with the “home page” the H1 tag is actually used on a slider to focus on the ‘featured’ information; so for example if you have a slider loading slides via ajax, the “visible slide” would have H1 tags for the “featured” element, or headline, and that would become the H1 tag for the front page as primary element.
On a service portal like Yoast, which is not a news magazine, there is no “featured” element, and so the logo is an appropriate place to use the H1 as he is optimizing for YOAST as well as ‘website optimization.’
So, you may want to check usage of the “slider” options first, which are commonly used for this particular theme and which may have the H1 tag you’re looking for.
Adding a conditional logo tag for only the home page might add bloat to the theme for that purpose.
Also, for “alt tags” — remember you need to actually add the alt tags to your images on upload with the media manager. My sites have proper alt tags on the home page, and have since day one, so not sure where you’re seeing those “missing.”
Hope that contributed to the discussion a little bit 🙂
Chris
(pardon the mix of ” and “” here …. in one of those moods today where lazy to hit the shift key 🙂 )
Hello,
your theme is really amazing. Analyzing your theme with some SEO Tool, like “http://handergy.com/analisi-seo/”, two of the elements more important that missing therefore, are:
1) H1 tag missing on the Homepage;
2) Alt tag missing for images on the homepage;
Screenshot: http://i39.tinypic.com/2nv3txs.jpg
Regarding H1 tag, there are many different thoughts; some uses it behind the “logo images” only in the Homepage, using a variable condition that change the H tag in other pages.
For example: H1 tag behind the logo in the homepage; H3 for all other pages or nothing H tag for other pages.
Other instead, uses the H1 for all posts in the homepage; other again, uses the H1 tag for the “category name” and H3 (as you) for all post name, in the homepage.
Another great example is the famous site “Yoast.com”, the founder of WordPress SEO by Yoast; as I said before, it use H1 tag behind the logo images only the Homepage and “p class” for all other pages.
Howeaver, I think that for this, we can find a good solution for us!
Can you try to improve these two “SEO Features”, for next updates?
I think that is really important follow some SEO advice for sites today and these, are two features quite important.
Thank you!
Hello,
Please give me your site URL to see the issue.
Thanks!
Hi,
when I upload my logo to the theme at the required 300px x 100px size it is showing stretched and distorted on the live site.
What is causing this and how can I resolve it.
Thanks,
JTM
Hello,
Try to clean you cache browser, or empty the cache if you use some Caching plugin.
Please give me you site URL to see the issue, and also tell us which browser, os use?
Thanks for the message!
Hello,
Add this in style.css
.td_980_resp .td-full-logo .td-grid-wrap {
padding-top: 0px !important;
}
.td_980_resp .td-full-logo img {
padding-top: 0px !important;
}and make the logo at 996px if you want to be full on width.
For slider add this in style.css
.td-page-wrap .iosSlider-col-2, .iosSlider-col-2 .item {
height: 321px !important;
}Thanks for the message!
