- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
You could add a CSS selector to that banner via HTML and then have CSS pull it up 10 or 20px. I’m not sure if this banner is being loaded via the theme’s banner functionality or your own code, but either way you should be able to wrap it in a div that you can customize.
If you send the site URL I could take a look and maybe offer a code suggestion.
Hello,
1. We will fix this in the next update. The text are here in code
your email: http://screencast.com/t/TLz617Vr
Authors: http://screencast.com/t/GQNACZh9w
2. Is not possible easy, sorry
3. Try this in style.css
.wpb_tabs li {
list-style: none !important;
}Thanks!
Hello,
For left floated thumbnail:
Replace featured-image with art-big-1col like here: http://screencast.com/t/AUwOttmCM0p
and add this in style.css
.post .thumb-wrap {
float: left;
margin-right: 21px;
}Thanks for the message!
Hey, so I found a couple of small issues/questions and would really appreciate any help.
(ESPECIALLY with the 1st one)
1. The “your email” field in lightbox registration can’t be translated by the theme panel, also do you know how can I translate the “Authors” breadcrumb?
2. Is there any way that I could place the boxes with categories/dates (those that appear in the single slider) on the Big Slide?
3. Is it possible to add a Tabs element to a sidebar (as a widget) ? I’ve tried copy pasting the shortcodes but when I did it was a little broken. It was displaying the tabs but with some weird arrows. I managed to fix it be deleting this from style.css:
.widget_text ul {
list-style: disc url('images/icons/li.png');
top: 0px;
}I have no idea what that part does so if you could also tell me if I should put it back or not and possibly suggest some fix to that;p
Hey! Note the pesky issue with Chrome is that they will run an auto-update while you’re using the thing, and then the cache seems to go out of whack. I often launch Chrome now, and then if I go to a page and it is working weird, I go check in IE11, then go back to Chrome and it usually has updated itself. Clear history/cache (maybe something to do every Monday morning as a habit… I dunno). Has to do with handling the CSS and any local caching directives on the page. I was having this issue with our font awesome loading off CDN the other day… all the icons were missing, driving me nuts. 🙂
Hello,
Do you want to have the non responsive version, the desktop version to be on mobile to but without big slider.
Select from Theme customizer this http://screencast.com/t/KBgzA5r1 and add this in style.css
@media (max-width: 767px) {
.home .td_block_slide_big {
display: none;
}
}Thanks!
Hello,
Marius is the main designer and a founder… we don’t have support members, it is just us – the people that made the theme. A lot of the support requests are css related and basic questions. The coding stuff usually gets to me and the other Radu.
Hello,
Add this in style.css
.post-source-via {
font-style: normal !important;
}Thanks for the message!
Happy New Year!!!
Happy New Year to you also 🙂
My hope is to be a better person for myself and others this year, revitalize my own business which took a bit of a hit the past 2 years due to economy in U.S.
My hope for this particular theme is that you continue to develop and focus on it being a newspaper/magazine theme and not a “one size fits all” theme (e.g., most magazines are not stores, so wasting a ton of time on ecommerce stuff can detract from optimization for magazine and newspaper publishing things which the theme is focused on). I’d love to see a CSS style map of post page elements to make it easy to customize some things using custom.css or append to child theme style.css etc. (e.g., Google now wants to see UX enhancements for mobile and is whining about the breadcrumb, headline, and “categories” buttons above featured photo being too close together so I now need to make the category buttons larger with more space around them so they can be “tappable” … sigh).
You’ve done a great job with this product, and here’s hoping for your continued success!
Chris
Hello, I will really like to move this buttons to the top where it will be more visible to my users, what part of the single post or css code do I need to change and how, to make this possible. Example –> http://i.imgur.com/R4QxfwE.png
Thanks in advance
Holiday PageSpeed Fun Report Update!
Just as a pagespeed comment, I was testing mod_pagespeed, vs your tagdiv cache experimental, and W3 with page cache on, and found that mod_pagespeed on server with memcache, optcache and eaccelerator, seem to be about the same effect. What this means for most WordPress folks is quite simple: use a hosting provider that supports mod_pagespeed (e.g., GoDaddy now supports it with htaccess local config options — NOT an advert for them, just anecdotal) may be better option than messing around with all the various plugins that try to replicate that server-side functionality.
To Radu and all … who are wondering about the “render blocking blah blah” errors, this was one of the suggested solutions for WP (note the issue is common to ALL WP themes frankly due to the way the header works for most themes based on “traditional” HTML practice, 2 years ago nobody really cared about this issue!):
(QUOTED from WordPress.org discussion, “wpgeekster”)
The reason you are getting render blocking message from google is because your javascript is being called in the header. In your wp_register_script() function and in your wp_enqueue_script() function you must include true for the $in_footer argument. If you include the $in_footer argument, you must also include all the other arguments.
See:
http://wp.tutsplus.com/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins/
http://codex.wordpress.org/Function_Reference/wp_enqueue_script
http://codex.wordpress.org/Function_Reference/wp_register_script
(END QUOTE)
From same discussion:
(QUOTED from “manuelkuhs”)
Here’s what I figured out about how to eliminate all render-blocking JS & CSS:
Install W3 Total Cache
Go to Minify
Use the “help” wizard that you can see as a button near the top
Accept the suggestions without making changes. This will combine all your CSS files into 1, and all your JS files into 1, 2 or 3, depending where you load them (if you load all in the same area, e.g. in the <head>, you’ll only get 1 combined file).
Set all JS to “Non-blocking using Async”.
Now test your site. If everything works, the only blocking CSS/JS file left should be your combined CSS file, and nothing else.
Most likely some JS functions won’t work properly anymore. If this is the case, it gets a bit more complicated.
In this case, try the following:
Remove all the JS files in the Minify settings of W3
Open the source of your functioning page where no JS files are combined and manually add to W3 Minify ONLY the JS files found in the header (since these are the ones “above the fold”) and IN THE ORDER that they exist in your source file. Try this. If it works, try moving them all into the <body> or just before the </body> using the Minify JS settings.
In my case, I had a strange issue whereby combining jquery.js with the other JS files broke many js functions that depend on jquery even though they loaded after. To get around this I made jquery.js load on its own after <body>, and made all the others load combined just before </body>, with everything set to load using async.
Using this method, the only “above the fold” problem I have is the combined CSS sheet.
If your combined CSS is small, you can try inlining the entire thing.
If not, the only way around this that I currently know is to manually inline only the relevant parts of this combined CSS, and then to load the combined CSS in the footer using JS.
(END QUOTE)
Hello,
Can you try with this css, add it in style.css
@media (min-width: 1200px) {
.td-logo-rec-wrap .td_rec {
padding-top: 22px;
}
}
.td-logo-rec-wrap .td_rec {
padding-top: 37px !important;
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-logo-rec-wrap .td_rec {
padding-top: 27px;
}
}
@media (max-width: 767px) {
.td-logo-rec-wrap .td_rec {
padding-top: 5px;
}
.mobile-logo-wrap img {
width: 151px !important;
}
}So first of all I’d like to thank you for creating an awesome theme. It really is doing its job on practically every level and so far I’ve encountered only 3 things that do not really suit me.
1. The scroll on mobiles is absolutely horrible for me (tested on Galaxy SII with android 4.1). Instead of going smoothly it’s choppy and requires me to tap the screen repeatedly to scroll up/down. Pointing out that the problem is not only on my site, same thing happens with your demo.
2. My website is in Polish so it requires usage of foreign letters (ą, ł etc.). All the letters appear just fine but when I turn on the tagDiv speed booster, the letters suddenly go lowercase arial (they’re just no longer being formatted).
3. Despite enabling the speed booster, google pagespeed is still throwing out that there is a ton of render blocking js/css (especially on mobile).
If you could help me resolve those 2 issues, I’m honestly giving 11/10 to this theme. Will immensely appreciate it!
Hello,
Try to use with !important in your custom CSS to be not overwrite by the theme customizer setup.
Thanks
Merry Christmas to you both too!
I know how to embed videos the regular way, i’m not a total noob 😉 I managed to edit the embed code that is used when showing it as featured video, so that it will start in HD and won’t show annotations and related video’s at the end.
If someone is interested, here’s the code.
Replace line 157 in includes/class/td_video_support.php with this:
<iframe width="600" height="560" src="http://www.youtube.com/embed/' . $this->getYoutubeId($videoUrl) . '?rel=0&?wmode=transparent&iv_load_policy=3&vq=hd1080' . $this->getYoutubeTimeParam($videoUrl) . '" frameborder="0" allowfullscreen=""></iframe> The code’?rel=0&?wmode=transparent&iv_load_policy=3&vq=hd1080′ is the part that does the trick, so the rest of the code will not be edited.
Marius, i’ve already noticed that it will automatically put the normal youtube link in an iframe and that the embed code provided by youtube will also automatically be put in a different iframe. These iframes will force the video to be shown in a 100% width and style=”height:420px”. The featured video comes with a 600 width and 560 height (as can be seen in the code i mentioned above), the embedded video comes with a 600 width and 394 height. However, these heights are forced to 420px because of the style code. Now here’s my question: I don’t know why, but on my other site the embedded video’s will hide the buttom pause/play and options, as can be seen here:
http://www.mannenhumor.com/magazine/stunten-op-een-wielrenfiets.
On the my new site using the Newspaper theme, these functions on the bottom stay visible when the video is playing. I don’t know why, but i think it might have to do something with the height. I tried to find differences in the embed code using the debug tool, but i can’t find them. So how can i edit the height of the iframe that is used by your theme? I can’t seem to find where this style height is set… Is it a css file somewhere? I feel a bit stupid for asking.
Now here’s another question. The iframes forced by the theme don’t use the code as i mentioned above. Where can i find this piece of coding, i would like to add ‘?rel=0&?wmode=transparent&iv_load_policy=3&vq=hd1080’ to it so my bloggers can simply put the youtube link in a post without having to put this code behind every youtube video manually.
As for the fb and disqus comment system, i’ve managed to use it on my other sites. Those use the Avada theme, which is a REALLY slow theme regardless of the double comment system, so i don’t know if it will cause a decrease in page speed. I do know a site that uses them both and their page loads quick enough if you as me. See for yourself here (don’t mind the content, it’s a Dutch site): http://www.vkmag.com/magazine/kind_krijgt_stofzuiger_als_kerstcadeau
Hello,
1. Add this in style.css
.post-source-via {
font-size: 20px !important
}2. Replace this lines http://screencast.com/t/8Hc1sdRs
with this:
line 1. ': <span style="color:#4db2ec;">' . $this->td_post_theme_settings['td_source'] . '</span></div>';
line 2. ': <span style="color:#4db2ec;">' . $this->td_post_theme_settings['td_via'] . '</span></div>';
Thanks
HI
Top Header Menu – is the black bar
Header Menu (main) – is main under logo menu
Footer Menu – is the one at bottom of page
Be sure to go to
wp admin > appearance > menus > manage locations
and check all are set right.
and,
wp > admin > appearance > menus > edit menus
[select] a menu to edit, the one you’re trying to put on top of pages in black bar, and check at bottom that the checkbox is checked for [x] top header menu, click [SAVE]
Also if using special plugins, turn them off to see if a conflict (any plugin not included with theme!)
If you’re using Firefox or pesky Chrome, you may need to go into your Chrome browser settings and “clear history” to get rid of their stupid caching (I usually test in IE, then check in Chrome).
You can see our menus running on the 10 year old site we’re (still) migrating to Newspaper, here (not self promotional, so I’m going to unlink this as code):
http://publishersnewswire.com/
The menus should work, as they hook into WordPress’ default menu system with CSS and are not custom menu plugins. If they work in the default WP theme (e.g., twenty twelve or thirteen, or even fourteen), they should work here. 🙂
Hello everyone.
I want to apply a different css specifically for the TITLE of a custom post type called products, that I have created.
While the default css works perfect for the news headlines, I just want to make a new css and apply to the custom post title. However, I cannot figure out how, since when I change the settings through customizer, then it affects the news headlines as well.
Thank You
Anand
Hello,
We have a date on the top bar you can enable from Theme customizer http://screencast.com/t/h7at4AjEMz
To change the color add this in style.css with your color
.td_data_time {
color: #6B8C50 !important;
}Thanks
If you want to hide that area add this in style.css
.td-sub-footer-wrap {
display: none;
}Thanks
Hello,
You have this in Theme Customizer http://screencast.com/t/BLsT2Uwox4mk under the Header section http://screencast.com/t/XtxivxNg5sDk
If you want to add custom CSS, please use the Child theme.
Thanks
Already rebuilt the thumbnails, so that’s cool. Not all look good anymore with this theme, so still having to redo them.
I just wanted to add a feature image that is a reasonable size, like 326 x 235 as that will keep my website fast, but then it does not fit into all the places and looks bad most of the time, but if I upload 700 x 357 its a big file as I have over 300 posts on my site and by the time I add all those images that’s getting too big.
I know Google is going to complain about page speed and that affects my ranking, so I am trying to balance it all up.
If the large 700 x 357 placeholder did not keep showing up under category page at the top, then I would not use that large size anywhere, if you tell me how to remove that top post which just seemed to be pulled from the first post, then that should make things all work out.
I am happy to do css, htaccess and php as long as you are clear where I am making alterations, prefer custom css if possible, but not sure you have that with this theme.
Happy to sue a child theme, in fact after custom css, it would be my next best choice.
I need to insert SKIN AD on bottom of the page. I have problems due to background settings. can you help me?
I have this CSS:
body {
background-image: url(‘wallpaperskin_1920x01080.jpg’);
background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
margin-top: 100px;
}a#skinlink {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
z-index: 1;
}#skinlink span {
display: none;
}div.container {
position: relative;
z-index: 2;
}
and this code to put after body:
Please tell me how to remove the very top menu which is black, I don’t have items in it and it just says click here to select menu, thanks.
Also where do I put custom css or do I have to use a child theme, if so can you please tell me what to recreate so I don’t have to change it every time I update it, or add a way with next update for us to choose how many menus we want and where.
Hello,
Installed the great template “Newspaper” and BAMMMM, SpeedPage is very bad:
Here a post: http://bit.ly/194FvaX
I am not an expert in changing Javascripts or CSS etc, so who can help me solve this problem?
Thank you..
