- NewspapertagDiv AMP Plugin Tutorial
- ApiPractical example – How to add a new Block and Module
- NewspaperTrack Subscription Sources with Locker URL in Opt-In Builder
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperCredit System
- NewspaperIntroduction to CPT and ACF with Newspaper Theme
- NewspaperHow to edit modules for Flex Block X
- NewspaperHow to use the Posts List shortcode
- NewspaperUser review system
- NewspaperCustom Fields Support
- NewspaperHow to generate Facebook App ID
- NewspaperHow to insert a block inside the content of a post
- NewspaperModal Popup
- NewspaperPayPal Setup
- NewspaperLink Tracker
- NewspaperLockers
- NewspaperGeneral Options that May Interfere with the Newspaper Theme
- NewspaperAdd Cryptocurrency Price Ticker Widget
- NewspaperPosts Loop Element
- NewspaperThe Newspaper Mobile Theme: Introduction
Hi,
Those elements can only be targeted with custom css. By Mega Menu background you refer at the window or the button? You can use the browser inspector to look for the classes used on the respective elements and change their background color using css, for example:
http://screencast.com/t/UUs4UKFe
.td-mega-menu {
background-color: red;
}
Thank you, Emil G.
Hi,
It is complicated. I am working on a local enviroment (wamp), so I cannot give access because it can’t be accessed from out.
Any idea?
Hi,
If the “events notices” are represented of an image you can simply use the ad boxes from theme panel and place there the image, like this:
<div class="td-visible-desktop">
desktop ad code
</div>
<div class="td-visible-tablet-l">
tablet landscape ad code
</div>
<div class="td-visible-tablet-tp">
tablet portrait ad code
</div>
<div class="td-visible-phone">
phones ad code
</div>
Place your image in the div tags, like this:
Example:
<div class="td-visible-desktop">
<a href="http://google.com" target="_blank">
<img src="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/ads-728.jpg">
</a>
</div>
<div class="td-visible-tablet-l">
<a href="http://google.com" target="_blank">
<img src="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/ads-468.jpg">
</a>
</div>
<div class="td-visible-tablet-tp">
<a href="http://google.com" target="_blank">
<img src="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/ads-468.jpg">
</a>
</div>
<div class="td-visible-phone">
<a href="http://google.com" target="_blank">
<img src="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/ads-300.jpg">
</a>
</div>
Note:
Instead of http:google.com add the link to the desired location.
You can read more about this here.
If you want different type of content there you can managed, depending of the header style you use, from here: http://screencast.com/t/0TEZo1Uhn
Hope this helps!
Thanks
I’ve got a few questions on Pagespeed that hopefully some of you can answer.
1 – I’m trying to figure out the best way to improve my server response time. It varies anywhere from 0.4 seconds to 0.8 seconds. I upgraded to a Liquidweb SSD VPS with 3 GB of RAM hoping that would take care of it, but it didn’t – it made it through a heavy day of 30,000+ pageviews, but I still can’t seem to get the response time down. I’ve disabled plugins, but to no avail.
2 – I’m running W3 Total Cache along with Tagdiv speedbooster, and I am still getting the render-blocking CSS and Javascript errors. I’m assuming I can edit the plugin file to get rid of these, correct?
3 – I have a pagespeed score of 61 on one of my posts and I believe it’s related to all of the calls to fetch Gravatars for comments. On a page with few comments, the pagespeed score increases. Here’s a screenshot:
Lots of comments (Pagespeed Link):
Few comments (Pagespeed Link):
I would think that the only difference here is all of the external calls to Gravatar. It seems like there has to be a better way to display 200 blank images rather than calling 200 separate URL’s to obtain the same image – Also, Google is complaining that they aren’t “compressed” enough…
Thanks for any help you can offer! I’m hoping to get up to at least upper 70’s or 80 on mobile. I have Adsense, Google Analytics, and Piwik Analytics going so I know that will prevent me from getting too high.
You basically need to edit the loop files to uncomment the author name, and comment the comments count.
Hi,
I would like to display the author next to the post date and also remove the comments count (as we use facebook comments and this only counts wordpress comments)
Sep 19, 2014 | <author> <remove comments> 18
Can somebody tell me best way to do this across all blocks/modules?
Thanks
Craig
Hi,
I spoke too soon. It is only half working. It is showing up on the home page perfectly, however, the logo isn’t showing up on any of the other pages even though if you hover over the spot where it should be you can still pick up the link? I have checked the widget and all my pages are supposed to have the same menu’s everywhere so not sure why the fb & twitter still work but not the meetup logo? Is it perhaps where I am saving the file?
This is the CSS I added.
.td-s-s-32-meetup {
background-image: url(‘wp-content/themes/Newspaper/images/meetup-logo-32-grey.png’) ;
}
Thanks
Seems like a little bug in the social counter: in the Newspaper version 4.2.1 the links of the social counter were made nofollow. (Hooray!)
However, half of the buttons are still follow links. The links on the left, for example the blue facebook button, is still a follow link. The links on the right, for example the ‘Like’ button, is nofollow.
Maybe a nice fix for in the future?
Hi,
I am using version 2.2 of the plugin, and the version 4.3 of the theme.
I tried with your usernames (as given example on screenshot), but nothing. With CocaCola appears “2”…
Can u help us in creating the responsive css for the Previous … Back to Gallery …. NEXT
Here is the sample form attached
For example, I am looking to display ‘code A’ below posts on a categories and posts 1 through 4. I am looking to display ‘code B’ on categories and posts 5 through 10.
Hi,
I have a few problems with the menu:
1. I have the boxed layout, but there are white lines extending from the menu both sides over the bg.
2. The menu items are centered. I have no idea how this happened, but ever since I installed the theme, the items were centered. I would like to have these left aligned.
3. The line underneath the menu items when hovering over an item, is not appearing.
Screenshot of problems: http://prntscr.com/4opmo4
My website: http://www.nonstopdestination.com
I would like to have the menu look like this demo page, boxed, left aligned and line underneath items: http://themeforest.net/item/newspaper/full_screen_preview/5489609
Another problem I’m having is the parallax is not working on the big feature images. Also on the pages where I have the big feature image, there is a space between the menu and the image.
Screenshot of problems: http://prntscr.com/4opmo4
Example page: http://www.nonstopdestination.com/amsterdam-photo-essay/
Any help is greatly appreciated.
Thanks!
Well, then, just guessing:
Your footer is broken because td-grid-wrap is the same class used for the footer. What selects the page one is the .td-page-wrap container. What you should be doing is
/* Using specific sides to avoid changing side padding */
.td-page-wrap .td-grid-wrap {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
Adjust as needed.
If it’s not high enough or too high, there are other elements in the way. For example, the page title, as Steven suggested:
.td-page-title {
margin: 0px !important;
}
The footer’s td-grid-wrap is contained in .td-footer-wrap rather than .td-page-wrap, if you want to adjust that.
You can add negative margins the same way if you need to tighten gaps even further, but for widening them I suggest sticking with padding rather than margin.
Do ensure that the slider is turned off on the Suits & Style category and all subcategories in Theme Panel -> Categories -> Suits and Style, etc. Then clear your cache if you’re using one, and purge your CDN cache if you’re using one. If it’s not the cache, I’m not sure what it is and we’ll have to wait for support. π
Just in case anyone tries this, that 2nd copyright symbol should be the text &copy;, not the copyright symbol. I couldn’t figure out how to type it out in that code box on this forum without it turning into the copyright sign!
Hi Lucian,
Thanks for the help!
I got the button to show there and it points to the right place but it isn’t pulling the icon image through?
My site is: http://www.totsintow.co.za
Code I added into custom CSS:
.td-s-s-16-meetup {
background-image: url
(‘http://www.totsintow.co.za/wp-content/themes/Newspaper/images//meetup_logo_200_black_1.png’) !important;
}
I have tried to resize the image (have tried it both square & original size), changed it from .gif to .png & moved it to other locations. Can’t get it to pull the image through and not sure what I’m doing wrong. Any thoughts?
Thanks again.
Stephanie
We took the easy route and just put the credit at bottom of the article/post.
&nbsp;
<small><em>Photo Credit: Featured image (top of article) courtesy of XXXX, and photo by and &copy; Joe Smith - all reproduction rights reserved; used under license.</em></small>
Thanks Lucian !! I copied the loop.php to child theme folder, added the code as advised, setup Custom ad 1 & it works just fine !! π
I used the Advanced Custom Fields plugin to add a repeating photographer meta field to my posts, saved credits for all the post’s images in said field, and edited Newspaper’s single templates to display the credit with an icon. For example:
http://mediumutm.ca/news/pink-hijabs-raise-awareness-of-breast-cancer
But this is very similar to what tcdraper did in the first place :p And it’s not the best for posts with photos from multiple different sources, which happens to be a rare case for us.
Hi,
You can make this change in loop.php file and add this code: http://screencast.com/t/3e4ogIsjrP
$adcounter = 0; add this at the top of the loop like in the screenshot.
$adcounter++;
if (is_category() && ($adcounter == 2)) {
echo do_shortcode('[td_ad_box spot_id="custom_ad_1"]');
}
.. and this at the bottom like shown in the screenshot.
Should work like this: http://screencast.com/t/RerPylFiEqI
Make sure you set the ad to show up on category pages after and exact number of posts if you are using an layout which is displaying two posts or 3 posts depending of page layout.
Thanks
Hi,
I have setup ads in sidebar and have setup Ad inline code in Ads section which displays ad within content & on homepage, I have created an ad element though unable to do the same in Category pages. How can I setup inline ads in category pages i.e. after 4-6 articles, there is an ad & then rest of the articles follow.
It’s a slider and it means 4 per slide. If you had 8, for example, you would see the other 4 after swiping to the left or right. π
Note that you can also use arrows to scroll left or right, except that yours aren’t visible right now because the arrows are white on a white background.
Don’t forget you may need to change the fonts being loaded by the theme from Google in the functions.php file also, if not already done π
And, double check the style.css by doing a search for “PT” in the text.
-
This reply was modified 11 years by
simchris.
The example you’re showing is from the special “stack” or “style” option, which changes the entire theme to look more like an old school newspaper (NY Times, etc.). To get that style you would need to use the appropriate stack as used in the demo. Or, you could likely use that style class and apply it from the custom css box.
Heya,
First of all, I’m far from the most brilliant guy on tagDiv. If I were, we wouldn’t have spent have a dozen posts correcting my tiny mistakes π I’ll give that title to Chris to avoid favouritism among the actual staff…
Your ideal setup definitely requires some custom work that I don’t have time to provide at the moment. I would go to http://studio.envato.com, as tagDiv recommends β or you could do some learning, just like I did, and do it yourself π But I will make a few comments:
Having content in these tabs that differs from post to post means you’ll either need to make extensive use of custom fields, or you could use Visual Composer settings to build the post itself. The question is what are you using the regular post content for? A comment on the phone, for example?
The first option would mean that you’d insert code similar to what I’ve been giving you, and have it appear on every template, using custom fields to determine the content. For example, as you probably know, ACF has a WYSIWYG editor field that you could use for your review. The buy now would not be as easy to automate through such a field, in my opinion (but you may already have a solution and just be looking for how to use tabs for it?).
The second option is that you’d construct these posts in the editor itself using Visual Composer, and then perhaps use custom shortcodes to display the content of your fields.
Or a real developer might suggest some much more sensible solution. :p
But I will give you one last thing, namely a basic tweak of my above code just for your “Features” tab.
The idea is the same. You’re opening up a vc_tabs, you’re opening up a tab, and then you’re looping through features-related fields. It could look like this, with lots of extra comments and line breaks to make it clear for you:
// Update this list using the same format for all the field names you want
$field_names = ['2g_network', '3g_network'];
// Set up tabs
$to_echo = '[vc_row][vc_column width="1/1"][vc_tabs]';
// Set up features tab
$to_echo .= '[vc_tab title="Features" tab_id="features"]';
// Begin a list
$to_echo .= '<ul class="features_list">';
// Loop through the fields
foreach ($field_names as $field_name) {
$data = get_field_object($field_name);
// Check if we have a value and set to a default if not
if ($data['value']) {
$value = $data['value'];
} else {
$value = 'No information on record.';
}
$to_echo .= '<li>' . '<span class="features_label">' . $data["label"] . ': </span>';
$to_echo .= '<span class="features_value">' . $value . '</span></li>';
}
// Close the list
$to_echo .= '</ul>';
// Close the tab
$to_echo .= '[/vc_tab]';
// Close the tab group etc.
$to_echo .= '[/vc_tabs][/vc_column][/vc_row]';
// We have to filter the whole string to make WP interpret the shortcodes
$to_echo = wpb_js_remove_wpautop($to_echo);
// Output
echo $to_echo;
My note above about only needing to change $field_names applies to this as well.
If you were going to put other tabs in, you would modify the lines that open and close the tab groups, and use those in a similar way. I realize that this is just a simple list and not a table like you wanted β more research would be needed for me to construct a way of getting the label of the field group and such…
Hope that helps. I do think what you need isn’t just “support” but custom work, although it will be fantastic if you can figure the rest out by research, trial and error.
Best of luck!

