- 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
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi,
Use that CSS is fine. To make a standard option we will use a similar CSS.
If you don’t want to scale the image change here what image should read on post http://screencast.com/t/INdTgA16XT with other size from here, let say this size: http://screencast.com/t/5mLlC8kAYb
Thanks for the message!
Hi,
1. Give me a link to see the banner, can be center via CSS, I will try to provide you a CSS.
2. Yes.
Add this code
<?php echo td_global_blocks::get_instance('td_ad_box')->render(array('spot_id' => 'header')); ?> like here: http://screencast.com/t/3KepYp5dgUB
I use here the header spot.
Then add this CSS in theme panel -> Custom CSS
.td-page-wrap .td-g-rec-id-header .adsbygoogle {
position: static;
}
Result: http://screencast.com/t/Q4JhQMpe
Thanks for the message!
hi,
here is the css to add space above and below the title on post pages:
.post h1 {
padding: 15px 0px 15px 0;
}
for the author on post pages: http://screencast.com/t/4OtLUTBwn
Thanks for you message.
Radu A.
Hi,
Please show me a screenshot with what you want to make and doesn’t work. Do you want to change the data color? Try with !important you can inspect the CSS and see how the style are more precise in computed CSS.
Give me a CSS that doesn’t work for you to inspect it.
Thanks!
Hi folks,
I mentioned this last year with 2.x and still an issue for us, with long article headlines, the breadcrumbs wrap onto two lines and run into top of the h1 title for story.
e.g.
http://ga-ga.com/1125/musical-high-verheyen-studio-great-carl-verheyen-consistently-wows-crowds/
Ideally we need to know how to put some leading between these without using line height as with wrap of the crumbs, that obviously increases the line height of each line also.
This doesn’t seem to work using custom CSS panel
.entry-crumbs{margin-bottom:12px !important;}
or
.entry-crumbs{padding-bottom:12px !important;}
Any pointer on how to add some more spacing above and below the h1 title tag would be helpful. I tried putting some top margin/padding on the h1 title and don’t think I had the right css for that.
Similarly and somewhat related, cannot get the author byline to show up by commenting out the // in module 1 in 3.5; works for all other modules except module 1 for the actual post, so I’m missing something there it seems.
THANK YOU! Finally upgraded to 3.5 this weekend, hence a few minor issues.
Update for those using mod_pagespeed – either on hosting service using .htaccess or self-hosted and using .htaccess to control on/off stuff.
UPDATE for Newspaper 3.5:
do not use these as they break the slide out recommended posts widget.
ModPagespeedEnableFilters move_css_to_head
ModPagespeedEnableFilters combine_css
These settings also appear to cause the “whiteout page” issue with the tagDiv Speed Booster 2.1 plugin, with 3.5.
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>
However, these minimal settings should *NOT* cause the page to “white out” since whitespace only removes empty spaces, comments are elements best removed anyway, and images and DNS has nothing to do with the Speed Booster AFAIK.
I will have to ping Radu on this issue once they get caught up on the current update cycle to sort out conflict with the speed booster plugin and mod_pagespeed, as obviously they should be able to work together and did so just fine in the 2x theme versions.
More later …
Good job 🙂
Yes, we’ve had a *LOT* of trouble with Yoast SEO 1.5x due to their adding new features for bulk content changes, connectivity to Google Analytics. We are now looking for a more simple SEO tool, as we used to have an inhouse plugin to simply put all the social media and OG tags, custom field stuff in the head, without some of the other shenanigans now included, and adding more complexity and PROBLEMS. With Yoast SEO properly configured with all the extra crap turned off it does help manage a lot of things, and should not hurt pagespeed in the sense that nothing should be loaded externally or custom CSS, etc.
Jetpack however is a dog for speed even though cloud based. And many would disagree, but NOT using it unless you have to speeds up site tremendously. For bloggers it is awesome to add new features, for high content/traffic sites, not so much (in my opinion).
We’re looking at alternatives for a “simpler” SEO tool again, without the intrusive stuff they have been doing. No way to turn off the stoplight on right side of posts, broken google news features in 1.5, etc. Perhaps time to move on …. I will update as I move forward on this topic. 🙂
is it possible to get such a featured image in the standard-options?
I have now added this custom css
.post .thumb-wrap {
float: right;
margin-left: 20px;
width: 50%;
}
If only happens with IE10/11 I would not be so worried.
But it happens with all browsers and before reupload all theme files via FTP this never happened.
I’m waiting if Marius or Radu can clarify this.
Thanks again Christopher
Hi,
Go to Theme Panel -> translation and search for continue and translate the word like you want http://screencast.com/t/VSbxGmg4
To move the button on right add this CSS in Theme panel -> Custom CSS
.more-link-wrap {
float: right;
}
-
This reply was modified 12 years by
Marius.
Hi,
Is still on track. Until that you can change like here:
Add this code in td_authors.php here: http://screencast.com/t/XfDOSGxu
$buffy .= '<div class="vcard author"><span class="fn">';
$buffy .= td_util::excerpt(get_the_author_meta('description', $td_author->ID), 200);
$buffy .= '</span></div>';
$buffy .= '<div class="td-author-social">';
foreach (td_social_icons::$td_social_icons_array as $td_social_id => $td_social_name) {
//echo get_the_author_meta($td_social_id) . '<br>';
$authorMeta = get_the_author_meta($td_social_id);
if (!empty($authorMeta)) {
//the theme can use the twitter id instead of the full url. This avoids problems with yoast plugin
if ($td_social_id == 'twitter') {
if(filter_var($authorMeta, FILTER_VALIDATE_URL)){
} else {
$authorMeta = str_replace('@', '', $authorMeta);
$authorMeta = 'http://twitter.com/' . $authorMeta;
}
}
$buffy .= td_social_icons::get_icon($authorMeta, $td_social_id, 4, 16);
}
}
$buffy .= '</div>';
Then add this CSS in Theme panel -> Custom CSS
.td_top_authors img {
height: 100px !important;
max-width: 100px !important;
width: 100px !important;
}
.td_top_authors .item-details {
margin-left: 122px !important;
}
.td_top_authors .item-details {
height: auto !important;
}
div.vcard .fn {
color: #444444 !important;
}
.td_top_authors .td_mod_wrap {
min-height: 100px;
}
.td_top_authors .author .fn {
font-family: 'PT Sans',sans-serif;
font-size: 14px;
font-style: normal;
line-height: 21px;
margin: 5px 10px 10px 0px;
padding: 0px;
display: inline-block;
}
.td_top_authors .item-details .td-social-icon-wrap,
.td_top_authors .item-details .td-social-icon-wrap span {
padding: 0px;
}
.td_top_authors .item-details .td-social-icon-wrap {
margin: 0px;
}
Thanks!
Be sure you’re only uploading the main theme folder “Newspaper” and not the big folder with all the docs and help/how-to.
You should look inside the folder you’re uploading to
/wp-content/themes/
to make sure it has the style.css in there, which would be good indicator it’s the wrong folder.
The “Newspaper” theme folder is the one which has the folders bbpress, images, includes, js, less_files, parts, translation, wp-admin, wpbakery, as well as about 35 loose files, including style.css and 404.php, etc.
I get the error message below when trying to install the Newspaper theme.
—
Installing Theme from uploaded file: themeforest-5489609-newspaper.zip
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme install failed.
—
Same result when I upload the theme files to the Themes folder.
M
With my earlier theme, I had Google pagespeed of over 90. Now with Newspaper it is belwo 70, with W3 Cache in place.
The major problem seems to be the CSS/HTML image scaling. AFAIK, each uploaded image has multiple size versions automatically available, so why not use them rather than HTML scaling?
Hi,
Probability was a conflict in java-script with a plugin.
Also please use this CSS to fix the search button http://screencast.com/t/YOEEcnmm19tP
add it in Theme panel -> Custom CSS
.header-search-wrap .dropdown-menu #td-header-search {
width: 202px;
}
Hnm. Weird. No suggestion on that one.
I’m trying to figure out with IE10/11 — some days the 400 weight font of Open Sans won’t load off the CDN, and some days it does. So annoying to suddenly see ALL the text on page in 600 weight.
Always something!
Thanks Cristopher. That you says has sense, but I’m using this theme some months before with custom css and I’ve never seen this happens.
I’ve always seen it as my style loaded directly, without any kind of flash of the original.
And before when I use custom css to replace some styles works fine. Now, the example that I told you before. The first meta-info is the original, the second is that I want to replace. But when I join to my website I only see the original. And the second appears when I inspect the element, like this:
.meta-info {
font-family: ‘Ubuntu’,sans-serif;
color: #CBCBCB;
font-size: 12px;
}
.meta-info {
font-family: ‘Roboto’;
color: #4B4B4B;
}
Some elements of my custom css works fine. But others, like this .meta-info, don’t work. I don’t know why.
Thanks again
Often the “flash of unstyled text” (FOUT), where you see one color, then the over-ride is due to a slight time delay between original style sheet loading, and then your over-ride being written in header (if using theme panel CSS over-rides, vs editing the actual theme stylesheet in core files).
Basically elements are loading in order by the browser for speed (‘enqueued’), but what happens is the
> base CSS loads
> theme files load
> theme panel over-rides in header for custom styles
if there is any latency in loading, you may see split second with stock CSS, before the custom over-rides happen.
Not sure that helps, just some info.
I have the theme style modified by CSS, but now I have some problems with customs CSS.
Some custom CSS dont work.
Example: If I put a different color in .meta-info my new color doesn’t appears. I have to modified style.css to getting this color.
And other problem is when I have my theme with changed fonts and color grey. But when I join to my website the first 1-2 seconds I see blue theme color and original fonts, like the demo.
What happens?
In my prev post I had a problem with css in bbpress, and you recommend me to upload all files via FTP to solve it. I solve my problem with forum, but I’ve new problems now.
Hi there,
I’m a new customer of your Newspaper theme since yesterday. First I must say, Thanks for such a great Theme. Like it very much, alot of usefull features to play around 🙂
Unfortunately I have a little problem with the theme settings, especially the theme colors, that I can’t fix.
Most of the settings works fine and everything seems ok, but when I change the theme colors nothing is changed on the mainpage. I can select the colors, press save, the cubes rolling and the settings will saved, but when I look at my homepage nothing is changed. Then back to the settings, all colors are back to the standard settings.
No errors and everything seems fine, but the changes simply haven’t any effect.
The same problem occurs when I use the custom css feature, settings will saved correctly, but have no effect. Back to the settings and the field is empty again.
I tried, a fresh install, deactivate/uninstall all plugins, with and without the the demo data…, but nothing helps with this tiny problem. What works is, when I use the predefined styles, but this is not what I want.
Am I doing something wrong or is this a bug? Any idea what the problem is? Any help is appreciated.
Thanks in advance, and a nice day to all here.
Hi,
We will fix that in the next update.
You can use this CSS in Theme panel -> Custom CSS
.td_box_center p {
text-align: center !important;
}
Thanks for reporting this.
Hi,
The login/register modal have a register form. Do you need to add the form directly on the top header?
What you can do is to find a register plugin widget, and use it in that place. And of course you need to style it via CSS. But i;m not sure this would work, you need to think a little on security to.
Thanks for the message!
Hi,
Add this CSS in Theme panel -> Custom CSS
.rev_slider_wrapper {
z-index: 0;
}
.header-search-wrap .dropdown-menu #td-header-search {
width: 202px;
}
Thanks for the meessage!
Hi,
Try with this CSS, add it in Theme panel -> Custom CSS
.woocommerce ul.products li.product .price {
font-size: 22px;
}
Thanks for the message!
Hi,
The solution provided above work for me https://forum.tagdiv.com/topic/center-menu-items/#post-8832
Leave it and when the site is live reply us and we will provide you a CSS
Thanks!