- TutorialsDefault Block Settings Guide
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
<!– Style compiled by theme –>
<style>
.td-menu-header .td-sp,
.sf-sub-indicator{
background-image: url(‘http://cdn.rnbjunk.com/wp-content/themes/Newspaper/images/header/elements-menu.png’);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.td-menu-header .td-sp, .sf-sub-indicator{
background-image: url(‘http://cdn.rnbjunk.com/wp-content/themes/Newspaper/images/header/elements-menu@2x.png’);
}
}
</style>
<!– JS generated by theme –>
<script>
var td_blocks = []; //here we store all the items for the current page
//td_block class – each ajax block uses a object of this class for requests
function td_block() {
this.id = ”;
this.block_type = 1; //block type id (1-234 etc)
this.atts = ”;
this.td_cur_cat = ”;
this.td_column_number = ”;
this.td_current_page = 1; //
this.post_count = 0; //from wp
this.found_posts = 0; //from wp
this.max_num_pages = 0; //from wp
this.is_ajax_running = false;
this.header_color = ”;
this.ajax_pagination_infinite_stop = ”; //show load more at page x
}
var td_ad_background_click_link=””;
var td_ad_background_click_target=””;
var td_ajax_url=”http://www.rnbjunk.com/wp-admin/admin-ajax.php”;
var td_get_template_directory_uri=”http://www.rnbjunk.com/wp-content/themes/Newspaper”;
var tds_snap_menu=”snap”;
var tds_header_style=””;
var tds_mobile_swipe=””;
var td_search_url=”http://www.rnbjunk.com/search/”;
var td_please_wait=”Please wait…”;
var td_email_user_pass_incorrect=”User or password incorrect!”;
var td_email_user_incorrect=”Email or username incorrect!”;
var td_email_incorrect=”Email incorrect!”;
var tds_more_articles_on_post_enable=””;
var tds_more_articles_on_post_time_to_wait=””;
var tds_more_articles_on_post_pages_distance_from_top=”0″;
var tds_theme_color_site_wide=”#4db2ec”;
</script>
<script type=”text/javascript”>
/* <![CDATA[ */
var wpNotesIsJetpackClient = true;
/* ]]> */
</script>
</head>
<body class=”home page page-id-41827 page-template page-template-page-homepage-loop page-template-page-homepage-loop-php logged-in admin-bar no-customize-support td-full-layout wpb-js-composer js-comp-ver-4.4.2 vc_responsive”>
Now It’s better. but the color is blu. My question is, can i change colors in a easier way bypassing that panel?
Hi,
Thanks for suggestions! We have over 200 features on our list and we have to take them in the order of priority.
What I can say to you is that we work to optimize Social Counter plugin, some of your suggestion will be added like smart sidebar, news ticker block and more customization options in Theme Panel.
Thanks for the message!
Thanks a lot. Works perfectly!
Do you happen to know the .names to type in for “recent posts” and “categories” blocks available in the widget area?
Hi,
I guess that you are referring to the line height Popular categories: http://screencast.com/t/G4iZnyfn
.td_block_popular_categories li{
line-height: 10px;
}
Also for block 9 please use this custom css: http://screencast.com/t/hwXcy6L1FRUQ
.td_block_9 .td_module_8 .item-details{
line-height: 20px;
margin-bottom: 0px;
padding-bottom: 0px;
}
Thanks!
Alin, do you know when this new version of Newspaper with the updated VC will be released? I’m using the Yoast WordPress SEO plugin and found a bug between SEO and VC when using the raw html block. Seeing how popular the Yoast WordPress SEO is, it seems that in version 4.4 VC committed itself to making sure there were no compatibility issues between the two.
“… starting from Visual Composer version 4.4 we have ensured that Visual Composer is fully compatible with Yoast SEO and you won’t experience any difficulties.” found here http://vc.wpbakery.com/blog/visual-composer-4-4/
Currently Newspaper 4.6.1 is using Visual Composer 4.3.5 .
Thanks for both suggestions.
Your suggestion with a “featured tag” might be better if you also use the “popular categories block” and you do not want “featured” to show as one of the popular categories.
@ChrisS Any plan to have a “show in grid option” as I have seen in other themes?
Is there any custom css I can use to reduce padding in these blocks so I reduce the height of the items?
I thing there is quite a lot of white space in these blocks.
Hi,
Tagdiv gallery was designed for posts like you see in our demo: http://screencast.com/t/GqDb9DA8tk – http://demo.tagdiv.com/newspaper/services-allow-you-to-do-things-like-scan-a-document/
It’s doesn’t work properly on pages, because it is added automatically by Visual Composer in a text block, so it can be used only on 2 columns. We added this on our list and will be fixed in future updates.
Thanks!
Hi,
I see that you use tagdiv gallery on page, it was designed for posts like you see in our demo: http://screencast.com/t/GqDb9DA8tk.
I also tested this and it’s doesn’t work properly on pages, because it is added automatically by Visual Composer in a text block, so it can be used only on 2 columns. We added this on our list and will be fixed in future updates.
Thanks!
Hi,
Please try set your page like this: http://screencast.com/t/D6ddqkVJsv
Result: http://screencast.com/t/rriOAl8VOVO7
When you add Widgetised sidebar you can set sidebar to display: http://screencast.com/t/Iwic2QADZwR
Also the is an offset option in block settings, you have to use the same category when you set offset: http://screencast.com/t/nBUxobBaj
Result: http://screencast.com/t/ZT9LsvGGTI
Also our documentation may be useful: https://forum.tagdiv.com/newspaper-documentation/
Thanks!
Hi,
1. For Classic Block stack we made a special header, this one http://screencast.com/t/FEoXVhLMpcv and in combination with other headers is not guaranteed that everything will work fine.
Anyway if you want to use it like this please can try this custom css in for logo:
.header-logo-wrap img{
display: table;
margin-right: auto !important;
margin-left: auto !important;
}
2. Also for borders:
.blog-stack .td-menu-background{
border-bottom:none;
border-top: none;
}
3. That option were removed because we change grid and it won’t be available.
That is page padding, you can try to remove that with css:
.td-page-wrap .td-grid-wrap{
padding: 0px;
}
.td-page-wrap .td-grid-wrap .container-fluid{
padding: 0px;
}
Try to inspect with Chrome and see where you have padding.
4. You can use TagDiv gallery on full width post(without sidebar):
Post settings: http://screencast.com/t/eYQ0RfJ87
Result: http://screencast.com/t/802x12Md
Thanks!
Hi,
Please update your Social Counter plugin to the latest version from /plugins folder that comes with the theme files and add it again in your sidebar. In our last theme update some shortcodes had been renamed and I think that is the issue with the text block(it doesn’t recognize social counter and doesn’t apply settings for text block): http://screencast.com/t/wO3jMZvaVm3 and clear cache.
Also please save again your permalinks: http://screencast.com/t/omc7wd8Y because you have an issue with that: http://screencast.com/t/rPomo4sGisCA
Thanks!
And block settings. Other than that, and better organization within theme colors etc., there’s no difference.
Hi,
I´m trying to set the theme. What i want is something similar to the default demo homepage, but with some changes. I need to know if it´s possible to make what i need.
I´ve been trying to do it with block 2 and block 3, but when i select a category and set 2 posts, the blocks set the posts horizontally, not vertically. Also I don´t see an offset option.
I need help please.
I’ve deleted from style.css, but still having code on the page:
<!– Style compiled by theme –>
<style>
.block-title a,
.block-title span,
.td-tags a:hover,
.td-scroll-up-visible,
.td-scroll-up,
.sf-menu ul .current-menu-item > a,
.sf-menu ul a:hover,
.sf-menu ul .sfHover > a,
.sf-menu ul .td-menu-item > a:hover,
.td-rating-bar-wrap div,
.iosSlider .slide-meta-cat,
.sf-menu ul .current-menu-ancestor > a,
.sf-menu ul .current-category-ancestor > a,
.td-404-sub-sub-title a,
.widget_tag_cloud .tagcloud a:hover,
.td-mobile-close a,
ul.td-category a,
.td_social .td_social_type .td_social_button a,
.dropcap,
.td-forum-category-title .td-forum-category-name,
.td_display_err,
.td_block_mega_menu .td-ajax-next-page:hover,
.td_block_mega_menu .td_ajax-prev-page:hover,
.post-via span,
.td_wrapper_video_playlist
.td_video_controls_playlist_wrapper
{
background-color: #6e61b0;
}
.block-title,
.sf-menu li a:hover,
.sf-menu .sfHover a,
.sf-menu .current-menu-ancestor a,
.sf-menu .current-category-ancestor a,
.header-search-wrap
.dropdown-menu,
.sf-menu > .current-menu-item > a,
.ui-tabs-nav,
.woocommerce .product .woocommerce-tabs ul.tabs,
.td-forum-list-head,
.td-login-panel-title
{
border-color: #6e61b0;
}
.widget_price_filter .ui-slider-handle,
.td_wrapper_video_playlist .td_video_currently_playing:after
{
border-color: #6e61b0 !important;
}
.author-box-wrap .td-author-name a,
blockquote p,
.page-nav a:hover,
.widget_pages .current_page_item a,
.widget_calendar td a,
.widget_categories .current-cat > a,
.widget_pages .current_page_parent > a,
.td_pull_quote p,
.page-nav-post a:hover span,
.td-forum-last-comment-content .td-forum-last-author,
.td-topics-title-details a,
.td-posted-in a
{
color: #6e61b0;
}
.woocommerce .button,
.woocommerce .form-submit #submit,
.widget_price_filter .ui-slider-handle,
.jetpack_subscription_widget input[type=”submit”],
.pp_woocommerce .pp_close,
.pp_woocommerce .pp_expand,
.pp_woocommerce .pp_contract,
.pp_woocommerce .pp_arrow_previous,
.pp_woocommerce .pp_arrow_next,
.pp_woocommerce
.pp_next:before,
.pp_woocommerce .pp_previous:before,
#bbpress-forums .button
{
background: #6e61b0 !important;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.bbp-template-notice,
.td-reply-list-header
{
border-color: #6e61b0 !important;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.td-login-button
{
background-color: #6e61b0 !important;
}
.buddypress #buddypress div.dir-search input[type=”submit”],
.buddypress #buddypress .message-search input[type=”submit”],
.buddypress #buddypress .item-list-tabs ul li.selected a,
.buddypress #buddypress .generic-button a,
.buddypress #buddypress .submit input[type=”submit”],
.buddypress #buddypress .ac-reply-content input[type=”submit”],
.buddypress #buddypress .standard-form input[type=”submit”],
.buddypress #buddypress .standard-form .button-nav .current a,
.buddypress #buddypress .standard-form .button,
.buddypress #buddypress input[type=”submit”],
.buddypress #buddypress a.accept,
.buddypress #buddypress #activate-page .standard-form input[type=”submit”],
.buddypress #buddypress .standard-form #group-create-body input[type=”button”],
.post-password-required input[type=”submit”]
{
background: #6e61b0 !important;
}
.buddypress #buddypress .groups .item-meta,
.bbp-forum-title:hover,
.td_login_tab_focus,
.block-mega-child-cats a.cur-sub-cat
{
color: #6e61b0 !important;
}
.page-nav .current,
.page-nav-post span
{
background-color: #6e61b0;
border-color: #6e61b0;
}
.wpb_btn-inverse,
.ui-tabs-nav .ui-tabs-active a,
.post .wpb_btn-danger,
.form-submit input,
.wpcf7-submit,
.wpb_default,
.woocommerce .product .woocommerce-tabs ul.tabs li.active,
.woocommerce.widget_product_search input[type=”submit”],
.more-link-wrap,
.td_read_more {
background-color: #6e61b0 !important;
}
.header-search-wrap .dropdown-menu:before {
border-color: transparent transparent #6e61b0;
}
.td-mobile-content .current-menu-item > a,
.td-mobile-content a:hover
{
color: #6e61b0 !important;
}
.category .entry-content,
.tag .entry-content,
.td_quote_box
{
border-color: #6e61b0;
}
.td-timeline-block-title {
background-color: #6e61b0 !important;
}
.td-timeline-wrapper-links {
border-color: #6e61b0 !important;
}
.td-timline-h1-link span {
background-color: #6e61b0 !important;
}
.td-page-title .td-search-query {
color: #6e61b0;
}
.td-sbig-title-wrap .td-sbig-title,
.td-slide-item-sec .td-sbig-title-wrap,
.td-big-grid-title .td-sbig-title-wrap
{
background-color: rgba(110, 97, 176, 0.7);
}
::-moz-selection {
background: #a093e2;
color: #fff;
}
::selection {
background: #a093e2;
color: #fff;
}
a, .widget_recent_comments .recentcomments .url {
color: #6e61b0;
}
.cur-sub-cat {
color:#6e61b0 !important;
}
.blog-stack .sf-menu .current-menu-item a,
.blog-stack .sf-menu .current-menu-parent .current-menu-item a,
.blog-stack .sf-menu .current-menu-parent > a,
.blog-stack .sf-menu > li:hover > a,
.blog-stack .sf-menu ul li:hover > a,
.blog-stack .td-post-text-content .more-link-wrap:hover a,
.blog-stack .sf-menu ul .td_mega_menu_sub_cats a.cur-sub-cat,
.blog-stack .sf-menu ul .td_mega_menu_sub_cats a.cur-sub-cat:hover,
.blog-stack .td-mega-menu .block-mega-child-cats a:hover,
.blog-stack .td_mod_mega_menu:hover .item-details a,
.blog-stack .sf-menu .current-menu-ancestor > a,
.blog-stack .sf-menu .current-category-ancestor > a
{
color:#6e61b0;
}
.blog-stack .sf-menu > .current-menu-ancestor > a,
.blog-stack .sf-menu > .current-category-ancestor > a
{
color:#6e61b0 !important;
}
.blog-stack .sf-menu ul li {
background-color: #6e61b0;
}
.blog-stack .td-post-text-content .more-link-wrap a:hover {
outline-color: #6e61b0;
}
a:hover,
.widget_recent_comments .recentcomments .url:hover
{
color: #ed4fef;
}
.td-menu-header .td-sp,
.sf-sub-indicator{
background-image: url(‘http://cdn.rnbjunk.com/wp-content/themes/Newspaper/images/header/elements-menu.png’);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.td-menu-header .td-sp, .sf-sub-indicator{
background-image: url(‘http://cdn.rnbjunk.com/wp-content/themes/Newspaper/images/header/elements-menu@2x.png’);
}
}
</style>
hello Bro,
can you please tell me how to remove render-blocking JavaScript?
i try this guide but https://forum.tagdiv.com/how-to-make-the-site-faster/ does not help me this function i can’t the actual id of https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js?ver=1.11.1 and https://www.movzio.com/wp-content/plugins/NKS-subscription/js/nk-sub.min.js?ver=4.1. can you please tell me how i get the id and use in your speed booster plugin??
-Mosam
Hi,
That’s a font icon, the cause is this – http://screencast.com/t/LA33LSAiwKSL
Try this solution – http://webmasters.stackexchange.com/questions/71630/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co
Thank you, Emil G.
Hi,
1. Please try this plugin for blurred images: https://wordpress.org/plugins/wp-retina-2x/
2. Regarding the image size for a basic post we use this dimensions: 1021 x 580px, but there isn’t an ideal image size so it can look good on all thumbs. You can find here all thumbs dimensions which are created and used by the theme on module/blocks thumbs and sliders – http://screencast.com/t/ZZntCVQJW
Also depends blocks that you use for aspect ratio and you have to do some tests and see what aspect ratio to use.
Thanks!
Hello,
First I want to give you compiments for this beautiful theme!
I wanted to add a widgetised sidebar, but I miss the padding. There is no space between the blocks. How can I fix this?
An example:http://www.screencast.com/t/CQ70EAFeLVyM
Thanks in advance!
Regards,
Sjoerd
Hi,
You can activate them by removing this code from functions.php: http://screencast.com/t/EuxGKGR1InbU
We had some issues with these blocks, don’t work properly with the theme, that’s why are hidden. We work on this issues and will be solved on Newspaper 5 version of theme. Sorry for inconvenience!
Thanks!
Hi Lucian,
I figured out what the problem is. You should probably include this in your documentation.
If you use a separate category for the Grid than you do for the following block, it doesn’t work.
“Start the count with an offset. If you have a block that shows 5 posts before this one, you can make this one start from the 6’th post (by using offset 5)” – nothing said about the fact that you must use same category.
Thanks,
Dean
Hi,
I also tested this and should work in youe case too. Please make sure that you paste the codes right in Custom Css from Theme Panel and save that: http://screencast.com/t/XcowVmdq
Sidebar when I hover on block title: http://screencast.com/t/O9ivEDEo4Bz – and post title: http://screencast.com/t/bsl8mcNJvkY
Big Slider: http://screencast.com/t/tdsCM9w79Zw
On Big Slider I found that big image post title have another class on hover, so please add also this css for that title: http://screencast.com/t/1yByLwi44
.td-sbig-title-wrap .td-sbig-title:hover {
color: red;
text-decoration: none !important;
}
Please also empty cache and try again!
Thanks!
Hi,
1a. Not sure how this is not working for you as I have also made tests using the offset feature and haven’t found anything wrong.
According to your latest articles section, which displays the latest art. added, the first 5 posts of the “Popular” block are skipped and the count starts from this post: http://screencast.com/t/W4Ojfd4j0aY7
“Popular” block: http://screencast.com/t/F5QeZ2ULCSAd
This means that the offset feature works for you also and you need to check the configuration you’ve chosen for the posts from the big grid.
1b. The “Unique Articles” feature, when enabled, it only shows the posts once on the page, so the latest articles appear at the top of the page and the oldest at the bottom affecting the post from the latest art section also.
2. I have tried to recreate this but haven’t managed to do it. Could you please provide more details about this. A screenshot would help and also try this without plugins and make sure you empty cache/purge files.
3. You need to enable them from theme panel > block settings for each module/block: http://screencast.com/t/osrKgatSEF
By default are disabled so you need to enable them for the modules/blocks you want.
Thanks
Hello,
I’ve recently updated the theme and faced the problem, that Youtube playlists I used to implement in posts don’t work. I checked the code and found out that after the update it was changed:
BEFORE: td_video_youtube playlist_title=”” playlist_yt=
NOW: td_block_video_youtube playlist_title=”” playlist_yt=
Due to this BLOCK playlists made before the update don’t work any more. Do I have to change the code in every single post where I use it? Or is there any other solution? Sorry if I sound a bit rude, but the idea of changing hundreds of posts doesn’t sound nice.
Looking forward to your comments.
Vladimir
