- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
Hi,
I can make the code more exact, but there is no way to differentiate between links (email address or any link) only by the location the links are found.
For example this code will make only links found in the column text elements, have the color you want
– https://www.screencast.com/t/U3WMG0kdp1
Adding the post content links to the code will change the color for those as well (all of them, not just website links or emails)
.wpb_text_column a,
.td-post-content a {
color: #E84E1B;
}
So now this code applies to links found in the post content, and links found in text column elements, like the one used in the page you provided.
Thanks
Hello stylewish,
Please notice that our theme uses blocks to displays the posts from categories. If you want to displays the latest news for each category on the homepage, you just simply add a new block for each category and sort it by the latest. For example, if you have there category, like A, B, C and if you want to display the latest posts for each category you will have to have three block, like this -> Block 1 which is filtered by category A, by latest articles and so on. For more information about this case, please check the following useful manual, like here -> https://forum.tagdiv.com/block-settings-guide/
Hope this helps!
If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Thanks for your understanding!
Hello again, I made all these changes, my biggest problem now is how to convert old codes with new syntax.
For example, in the home page I have this old codes:
[td_slide_big limit=”12″ category_id=”4″ category_ids=”247, 128, 127, 8, 96, 9″ autoplay=”7″]
[td_block2 limit=”8″ ajax_pagination=”next_prev” category_id=”1″ header_color=”#1e73be” show_child_cat=”all”][td_ad_box spot_id=”custom_ad_1″]
[td_ad_box spot_id=”custom_ad_2″][td_social custom_title=”BE SOCIAL” icon_style=”2″ icon_size=”32″ facebook=”http://www.facebook.com/pages/Automotonewscom/95918428566″ googleplus=”https://plus.google.com/109076930815668597841″ instagram=”http://instagram.com/automotonews_” twitter=”http://twitter.com/#!/automotonews_” youtube=”http://www.youtube.com/user/Automotonews” header_color=”#0087a3″ open_in_new_window=”y” linkedin=”https://www.linkedin.com/company/automotonews-com”][td_text_with_title custom_title=”APPUNTAMENTI” header_color=”#0087a3″]
[td_block1 category_id=”8″ limit=”5″ header_color=”#2b9927″ ajax_pagination=”next_prev”]
[td_block2 limit=”4″ ajax_pagination=”next_prev” header_color=”#8f00ff” category_id=”9″]
[td_block2 limit=”6″ ajax_pagination=”next_prev” header_color=”#f400a1″ category_id=”117″ show_child_cat=”all”]
[td_block8 limit=”6″ custom_title=”ULTIMI ARTICOLI” ajax_pagination=”next_prev”]
[td_block4 category_id=”5″ limit=”4″ header_color=”#0087a3″ ajax_pagination=”next_prev”]
[td_slide category_id=”96″ limit=”3″ header_color=”#edad00″ header_text_color=”#ffffff” autoplay=”4″]
[td_block4 limit=”5″ ajax_pagination=”next_prev” header_color=”#f96300″ category_id=”126″]
[td_ad_box spot_id=”custom_ad_2″]
[td_ad_box spot_id=”custom_ad_2″][vc_tabs interval="3"][vc_tab title="RICHIAMI" tab_id="1420473036671-2-0"]
[td_block4 category_id=”95″ hide_title=”hide_title” limit=”4″][/vc_tab][vc_tab title="CONSIGLI" tab_id="1420471919-2-79"]
[td_block4 category_id=”91″ limit=”4″ hide_title=”hide_title”][/vc_tab][vc_tab title="PEOPLE" tab_id="1420472024286-2-8"]
[td_block4 category_id=”119″ limit=”4″ hide_title=”hide_title”][/vc_tab][/vc_tabs][td_block10 category_id=”7″ limit=”4″ header_color=”#f91313″]
Please, could you help me accomplish that?
I will appreciate a lot…
Thanks.
Alessandro.
Hello rhartenberg,
Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
Above, my colleague gave you an example of where you should start to increase the theme width, but notice then you will have to make some additional customizations to adjust the other theme elements if you want to bring best results.
If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
Hi Bogdan,
Thanks brilliant, thank you very much! It looks lovely 🙂
One more (hopefully the last one in this thread!). Is there a way to stop the Featured Image in Post Template 7 from re-sizing when you change the window size? The site looks spectacular when the browser is maximised, but when you size down slightly (including mobile), it resizes the photo slightly, creating a black bar. Example image here. It stops at a certain point, which suggests there is a way to stop it resizing but I can’t be sure.
Sorry for all the bother, and thanks again for all the help 🙂
Please help me to get faster and solve this Js. & CSS problem with Google Font


Hi!
There are any way to insert two logo in header with his urls each one, and ads?
and reduce the space of ads and amplify the space of logos…
Hi,
Sorry, it seems I have forgotten to provide the code used in the example. The default link color is inherited from the theme accent color set in the theme panel
– https://www.screencast.com/t/cLEVJM61PPf
The code I mentioned will change the color of the links in the post content, to the color you want as shown in screenshot. It could be extended to the page content links, something like this should cover it (test and check the results, and if the code is working properly)
– https://www.screencast.com/t/ikMmOLTG
.td-post-content a,
.td-page-content a,
.tdc-content-wrap a {
color: #E84E1B;
}
There are block pagination options that you can use to achieve what you want
– https://www.screencast.com/t/8bpWiByi
More information about the available block settings and options in this guide
– https://forum.tagdiv.com/block-settings-guide/
Thanks
Hello,
May I please get the code for implementing the above said ad formats right below the TRENDING NOW ticker in the header of ALL pages of my site /or maybe above the TRENDING NOW ticker, below the MAIN MENU. As a suggestion, this should be a built-in feature, in order to provide maximum potential for monetizing the traffic on one’s site.
Please advise.
Thanks.
Hi,
The link color throughout the website is inherited from the theme accent color setting
– https://www.screencast.com/t/PByHpQHZ3qs
It could be changed for specific elements, with some custom code. For the post content like you mention if I understand correctly, a code like this can be used
– https://www.screencast.com/t/SWLfOMhNn9
– https://www.screencast.com/t/kdYOm9hzJ
The thickness of the underline cannot be changed from what I know, but it can be replaced with a border like this
– https://www.screencast.com/t/ZQqruNYHoExf
The links will have a chosen color normally, and another color when hovered, only for the post content. This is the code used in the example
.td-post-content a {
color: black;
}
.td-post-content a:hover {
color: yellow;
text-decoration: none;
border-bottom: 5px solid yellow;
}
If you want the links in the post to open in a new tab, this is an option that can be used while the link is created
– https://www.screencast.com/t/O8wdb7NpO
Thanks
When disabling autooptimize i get the same errors. See screenshot of error here: https://www.dropbox.com/s/fg2cntik8tdv4el/Sk%C3%A6rmbillede%202017-09-20%2012.25.41.png?dl=0
It points to this line of code:
(b+=tdAffix.menu_offset));”undefined”!==typeof window.tdThemeName&&”Newspaper”===window.tdThemeName&&(b+=20);var d=””;a!==tdSmartSidebar.scroll_window_scrollTop_last&&(d=a>tdSmartSidebar.scroll_window_scrollTop_last?”down”:”up”);tdSmartSidebar.scroll_window_scrollTop_last=a;var e=jQuery(window).height(),f=a+e;a+=b;for(var l=0;l<tdSmartSidebar.items.length;l++){var g=tdSmartSidebar.items[l];g.content_top=g.content_jquery_obj.offset().top;g.content_height=g.content_jquery_obj.height();g.content_bottom=….keeps going here
See another screenshot here: https://www.dropbox.com/s/dwuhyp56wo0ja4d/Sk%C3%A6rmbillede%202017-09-20%2012.29.20.png?dl=0
-
This reply was modified 9 years by
mkastrupsen.
I’ve one more question, hopefully this is just as easy for you knowledgeable guys!
Is it possible to extend the bottom of the Featured Image in Post Style 7? It looks brilliant, but it’d be nice if it could have a ‘full screen’ option.
For example, my post currently looks like this. Would it be possible to drag the bottom of it down to get an effect like The Verge has created here?
If not, I highly suggest this as an option for future updates. It’s a great design idea. 🙂
How to edit sharing? for example if i want to add Instagram in there….
I can’t find option to edit this, only found enable sharing icons or disable
Hi there.
I normally use some font styles (<b></b> or <i></i>) for some of my post titles (see this post for an example). The thing is the theme is not showing this font styles in my homepage’s grids (see here). This font styles are used in Spanish to properly name certain thins (book or journal titles, people’s names sometimes, and so on), so the correct thing would be to (e. g.) display an specific part of a title in italics throughout the whole site (grids, post titles, post archives, and so on).
Any ideas on how to accomplish that?
Thanks a lot,
Fidel
Hi,
Thank you for your appreciation. Pages can be created in any way you like, using the available elements. At the moment there is no guide for creating these specific pages, but you can use any block, grid and other elements
– https://demo.tagdiv.com/newspaper/block-1/
– https://demo.tagdiv.com/newspaper/big-grid-1/
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
There are also text blocks, single images and image boxes, slides and many other items that can be used on pages. You can maybe take inspiration from About us page examples online, or experiment and create an original design.
Check the live demos as well to see what can be achieved with the theme
– https://demo.tagdiv.com/select_demo/select_demo_newspaper
Thanks
Hai Simion,
I added the code, but nothing happen.
I want every hyperlink i make in posts and pages to have a specific color. Just like this:
Also, i set my blocks to show 5 articles, but if there is more i want it to show a button that said ‘more’ (to let people know there is more) Is that possible?
Hi,
Please note that this modification will have to be made to the post template style that you are using. If multiple post templates are used throughout the website, this change will have to be made for each of them.
For example here I am using post template style 2
– https://www.screencast.com/t/XqWndJvXa
The modification has to be made to the single_template_2.php file
– https://www.screencast.com/t/g9BfEEjWfAzJ
Replace the highlighted line of code with the one provided in the topic pastebin, with a small modification to it (this way there is no need to use the CSS for styling)
– https://www.screencast.com/t/B5n6tGi60Mhm
– https://www.screencast.com/t/Lf3UI6jf
– https://www.screencast.com/t/xu5Uc6yxn
The result is like this
– https://www.screencast.com/t/WuC2OKToxX2
You could change the text (Last Modified) as well if you like, for example like this
– https://www.screencast.com/t/A1sXw1R6Yha
– https://www.screencast.com/t/FprWr9t0
For some post templates, the modification will have to be made in the loop single file, instead of the single file. Like post template 9 for example
– https://www.screencast.com/t/e2x3GQ0i8A
Once made all posts that have the modified post template, will display the modified date.
Thanks
Hey there,
as the title suggests, I have managed to fit the image full-width across the page. However, as the resolution change, for example: Desktop (Image 1) to Mobile view (Image 2). There seems to have a fixed white spacer (above and below) the image.
Please advise me on this.
Website Url: http://leapdsc.com/leapdsc/client/hdb
Image reference 1 (Desktop View): https://1drv.ms/i/s!Ai3uwVtbSehuuIVNdvOdAJp4ABdAuA
Image reference 2 (Mobile View): https://1drv.ms/i/s!Ai3uwVtbSehuuIVMmqX1Jlmw8va45Q
Hey there.
I have tried many different themes for a small newspaper site we’re launching and yours is by far the best I have encountered.
There is one stumbling block: how do you recommend that I create About Us and Upsell pages? You have amazing options available for curating entries/posts but I’m struggling to find good shortcodes or elements for creating compelling About Us (author profiles, company history, timeline elements, photos) or Upsell (link boxes, etc) pages.
Being new to the platform, this is probably a limitation of my own knowledge. Do you have any examples or documentation for how to best create these pages?
Thanks for your time!
Hey there,
I am having trouble having the 2 or 3 images fit to the width, set within the column of the website. (for example 1/3 + 2/3).
I have tried setting the images to a custom css. Having tried the following codes, but does not seem to work:
.photos {
background-size: contain;
background-repeat: no-repeat;
}
Current Website Url: http://leapdsc.com/leapdsc/client/hdb/delivering-homes/
Image Example: https://1drv.ms/i/s!Ai3uwVtbSehuuIUJtJKMT0B5Rdqwlw
Please do correct and advise me accordingly. Thank you.
I’ve set Featured Post om my Front Page. I’ve set it to ordered by Popular (all time). But, I found that it shows different order between desktop & mobile view. The desktop is the correct one. When i open my site from mobile device, it wasn’t sorted by popular (all time), it shows the latest post.
How could I resolve this ?
Wonderful!
Thank you so much…
I was also enquiring about the navigational path on the top left above the title.
For example, in my page ‘Articles’ it shows the web path it took to get there..
Eg. Home > Editorials > Articles
Is there anyway to remove the text from the web pages? I would prefer users used the main menu rather than the text.
Thank you again!
I recently purchased a new license for the Newspaper theme but I’m having trouble activating it.
I’ve tried both automatic and manual activation based on the instructions provided but I was unsuccessful.
I removed the previous license key that was used for the development copy and then replaced it with the new license key for the completed site.
For the automatic activation, when I try to save the new Envato purchase code, it appears to be activating but does not complete.
After 15 minutes, I refreshed the page and saw that the purchase code was not saved.
Next, I tried manual activation after requesting the tagDiv activation key but I’m experiencing the same issue.
It appears that the theme is not saving other changes too (example: change “About” information in the footer).
Please let me know what is causing this issue and how to resolve it.
When I put a single image with a link I get it linked to the “page URL”+# and not to the external URL I put.
Example: https://nergiza.com/ebooks/ebook-guia-definitiva-para-bajar-tu-factura-de-la-luz/
Hi,
I’m using your theme with visual composer and I have a question about the “block” elements.. When I drag and drop one of those blocks the layout shown in the visual composer is different of what I see when publishing the page. For example I drag a block that shows three images per row but when I publish the page it shows 5 images per row. See attached images.

Is there any setting I’m missing?
Thanks.