- ApiUsing the Theme API in plugins
- ApiPractical example – How to add a new Block and Module
- ApiAPI – Smart Lists – Introduction
- ApiAPI – Category top section style – Introduction
- ApiAPI – Category top section template – Introduction
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
———————————————————————————-
thanks for your answer ^^
So i have one more question.
How can i change layout in my mobile screen?
i wanna shown one big slider and under two column picture in mobile or small monitor.
but now just one column~
for example
now my theme is like this in mobile(when shown mobile screen)
one big slide and under just 1 column
but i wish like this shape in mobile
big slider and under column should separate~
like a masonry~
at the least shown 4~6 posts(2 column) in mobile screen
but now i can just 2 posts
So i will waiting your kind answer.
see you lucian ^^*
Hi,
Please use this css for menu height on mobile view in Theme Panel > Custom Css: http://screencast.com/t/CPTTypfV7yN
@media (max-width: 767px) {
.td-menu-wrap{
height: 65px;
}
}
And you can increase padding in the css that Lucian provided to you.
Hope this helps!
Hi,
Please use this custom css in Theme Panel > Custom Css to hide More Author Box on mobile: http://screencast.com/t/moeFEwUQ
@media (max-width: 767px) {
.td-more-articles-box{
display: none;
}
}
Thanks!
I would like to remove More Article Box popup on mobile but retain it on Desktop/Laptop.
There is currently no option to do that via theme’s panel.
TIA.
Hey everybody!
It’s been more than a couple months since I purchased Tagdiv’s Newspaper Theme from the Envato Market. I have to confess, I’ve been really happy with my purchase. There were no issues with the theme, everything worked (and is working) perfectly fine. The responsive layout is awesome. The theme looks fabulous in all resolutions and the support forum is very welcoming and kind. I believe I must thank tagdiv for that.
Since a couple of months using the theme, given that the next version of Newspaper (5.0) is approaching, I thought I could may be chip in a few more suggestions, minor bug-fixes and ideas that will help the theme achieve greater appeal. Please let me know if I am at all helpful:
A Few Bugs:
1. As I mentioned earlier in another post, the big slider with background is malfunctioning on mobile devices, if using a boxed layout. I’d really love to see this fixed:
2. The default slider requires all images to be at least 1024px wide to show properly on all devices. Since such large images are hard to come by easily, I’d really love it if the slider is made compatible to work with smaller images as well, something like what Revolution Slider does.
Some Features:
3. A Magazine Stack: Since many people running Newspaper are magazine sites, I think it will be nice to add a “Magazine” stack to Newspaper, with functionalities such as the Newsmag slider, smart sidebar, carousel sliders for posts, a sleeker look mimicing Newsmag, etc. Given that Newspaper is more popular (and costlier) than Newsmag, I think it’s probably a good idea.
4. A Better Mega-Menu: I’d really love some additional work done on the mega-menu used by Newspaper 5, so that it is as feature-rich as Newsmag.
5. Additional Customizability: It’ll be great if the Theme editor comes forth with more customizability, with the ability to customize the looks of the main menu, ios slider, social counter, etc.
6. A Responsive theme editor: I was a bit taken aback when I noticed that the WP Booster theme editor is not mobile or tablet responsive. I’d love to see that fixed.
7. A few other suggestions mentioned here: https://forum.tagdiv.com/topic/a-few-suggestions-for-the-upcoming-version-of-newspaper/
8. A Sleeker, more modern look all around. I’d really appreciate it, and I think so will everyone else, if you could power Newspaper 5 with a more modern look, with features like post carousel slider, multiple featured sliders, etc., you know, just to keep in touch with time.
Thanks a lot for taking the time to consider my suggestions. Hope I am not imposing. 🙂
Why this css appear in template when view source, how to hide or remove it:
My site: http://www.baihocmoi.com/
<script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function(){var ajaxRevslider=function(obj){var content="<h2>THIS IS SOME TITLE</h2><br/>";content+="Type:"+obj.type+"</br>";content+="ID:"+obj.id+"</br>";content+="Aspect Ratio:"+obj.aspectratio+"</br>";data={};data.action='revslider_ajax_call_front';data.client_action='get_slider_html';data.token='1a59f464b3';data.type=obj.type;data.id=obj.id;data.aspectratio=obj.aspectratio;jQuery.ajax({type:"post",url:"http://www.baihocmoi.com/wp-admin/admin-ajax.php",dataType:'json',data:data,async:false,success:function(ret,textStatus,XMLHttpRequest){if(ret.success==true)
content=ret.data;},error:function(e){console.log(e);}});return content;};var ajaxRemoveRevslider=function(obj){return jQuery(obj.selector+" .rev_slider").revkill();}
var extendessential=setInterval(function(){if(jQuery.fn.tpessential!=undefined){clearInterval(extendessential);if(typeof(jQuery.fn.tpessential.defaults)!=='undefined')
jQuery.fn.tpessential.defaults.ajaxTypes.push({type:"revslider",func:ajaxRevslider,killfunc:ajaxRemoveRevslider,openAnimationSpeed:0.3});}},30);});/*]]>*/</script><!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--><meta name="generator" content="Powered by Visual Composer - drag and drop page builder for WordPress."/> <!--[if IE 8]><link rel="stylesheet" type="text/css" href="http://www.baihocmoi.com/wp-content/plugins/js_composer/assets/css/vc-ie8.css" media="screen"><![endif]--><style type="text/css">img.latex{vertical-align:middle;border:none}</style><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:#d93}.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:#d93}.widget_price_filter .ui-slider-handle,
.td_wrapper_video_playlist .td_video_currently_playing:after{border-color:#d93 !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:#d93}.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:#d93 !important}.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,.bbp-template-notice,.td-reply-list-header{border-color:#d93 !important}.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before,.td-login-button{background-color:#d93 !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:#d93 !important}.buddypress #buddypress .groups .item-meta,
.bbp-forum-title:hover,
.td_login_tab_focus,
.block-mega-child-cats a.cur-sub-cat{color:#d93 !important}.page-nav .current,
.page-nav-post
span{background-color:#d93;border-color:#d93}.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:#d93 !important}.header-search-wrap .dropdown-menu:before{border-color:transparent transparent #d93}.td-mobile-content .current-menu-item > a,
.td-mobile-content a:hover{color:#d93 !important}.category .entry-content,
.tag .entry-content,.td_quote_box{border-color:#d93}.td-timeline-block-title{background-color:#d93 !important}.td-timeline-wrapper-links{border-color:#d93 !important}.td-timline-h1-link
span{background-color:#d93 !important}.td-page-title .td-search-query{color:#d93}.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(221,153,51,0.7)}::-moz-selection{background:#ffcb65;color:#fff}::selection{background:#ffcb65;color:#fff}.post header h1, .post header h1
a{font-family:Tahoma,Verdana,Geneva}.td_mod_mega_menu .item-details
a{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px}</style><script>var td_blocks=[];function td_block(){this.id='';this.block_type=1;this.atts='';this.td_cur_cat='';this.td_column_number='';this.td_current_page=1;this.post_count=0;this.found_posts=0;this.max_num_pages=0;this.is_ajax_running=false;this.header_color='';this.ajax_pagination_infinite_stop='';}
var td_ad_background_click_link="";var td_ad_background_click_target="";var td_ajax_url="http://www.baihocmoi.com/wp-admin/admin-ajax.php";var td_get_template_directory_uri="http://www.baihocmoi.com/wp-content/themes/Newspaper";var tds_snap_menu="";var tds_header_style="";var tds_mobile_swipe="swipe";var td_search_url="http://www.baihocmoi.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="#dd9933";</script>
Hi,
1. Please try this custom css to hide subcategories from mobile menu in Theme Panel > Custom Css: http://screencast.com/t/yRuT7Fge8Vp
.td-mobile-content .sub-menu{
display: none;
}
2. For megamenu use this css code:
.td_mod_mega_menu{
float: right;
}
Result: http://screencast.com/t/07b9plER – http://screencast.com/t/mqFR1oy5
3. Also for category pages: http://screencast.com/t/pP96VMwBqX
.archive .span8.column_container .span6:first-child {
float: right;
margin-left: 4%;
}
.archive .span8.column_container .span6{
margin-left: 0;
}
Please search also on the forum there are many rtl threads that may can help you: https://forum.tagdiv.com/search/rtl/
-
This reply was modified 11 years by
Alin [tagDiv].
Hello, I’ve added an image as ad in theme panel->ads->tour header ad:
<div class="td-visible-desktop"><img src=\"https://www.mysite.com/wp-content/uploads/2015/02/image.png\" />
</div>
In this topic I’ve added two “\” in the code because otherwise it shows an image, in my theme panel it’s ok.
I want to hide the image and all the top header ad space on mobile/tablet. With the current code, it doesn’t show the image but it leaves and empty transparent space on the top of the page.
Hi, I find little bug in theme. In mobile version, I dont see full menu in short pages (contact…)
Look at image
BUG:

Correct:

I try it on mobile (Android, iOS, Windows Phone) and small size of internet browser.
How to fix it please? Thank you.
Hi,
1. You have this on mobile screen: http://screencast.com/t/UfJ9Y6qX48
The code from above that you tested is for mobile logo: http://screencast.com/t/8p7ptjkC
I’m not sure what are you trying to do with search icon…if you want to move search icon yo have to use also Marius css code: http://screencast.com/t/LmmlgSGpW
@media (max-width: 767px) {
#td-top-search {
position: absolute!important;
right: 13px!important;
top: 0px!important;
}
.header-search-wrap .dropdown-menu:before {
left: auto!important;
right: 31px!important;
}
.header-search-wrap .dropdown-menu {
right: -14px!important;
left: auto!important;
top: 49px!important;
width: 320px!important;
}
.mobile-logo-wrap img {
width: 170px;
position: absolute;
left: 0;
top: -3px;
margin-left: auto;
margin-right: auto;
}
}
2. This can be done only with css as theme doesn’t have an option for this. You can use @media for landscape – http://stephen.io/mediaqueries/#iPhone and add your css for post images.
Thanks!
Hi,
Please try this custom css for mobile screen in Theme Panel > Custom Css: http://screencast.com/t/lq6wTHwdIR
@media (max-width: 767px){
.td-big-grid-post-0 .td-sbig-title-wrap .td-sbig-title {
font-size: 17px;
}
}
Use !important if this is not apply: font-size: 17px !important;
Thanks!
Hey,
In your ftp navigate to your Newsmag parent theme > Parts > Header
Download logo.php as a backup
Edit logo.php with a text editor.
You’ll see anchor tags in both the //Retina and //Not retina code.
Change href=”<?php echo esc_url(home_url( ‘/’ )); ?>”
to
href=”http://www.newaddress.co.uk”
Change “http://www.newaddress.co.uk” to the URL you wish to link to. Clear any cache plugins you may be using afterwards.
You’ll need to do the same thing with logo-mobile.php
Hi!
I tried to add custom css to theme panel. I added css that was supposed to make the sidebar disappear and the images grow bigger. I moved my website to a new VPS Cloud server and it suddenly stopped working. It used to work on my shared server, but now nothing happens when i open the site on mobile. Any suggestions why nothing happens and how to fix this ??
Thanks for all the answers!
I added this:
@media(max-width:479px){
.home .td_block_big_grid{
display: none;
}
.home .td-grid-wrap {
padding: 0px !important;
}
@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}
@media (max-width: 767px) {
.td_mod8 .meta-info,
.td_mod8 .td-post-text-content {
display: none;
}
.td_mod8 .item-details {
margin-left: 0 !important;
margin-bottom: 10px;
}
.td_mod8 .thumb-wrap img {
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;
}
}
@media(max-width:479px){
.home .td_block_big_grid{
display: none;
}
.home .td-grid-wrap {
padding: 0px !important;
}
@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}
@media (max-width: 767px) {
.td_mod8 .meta-info,
.td_mod8 .td-post-text-content {
display: none;
}
.td_mod8 .item-details {
margin-left: 0 !important;
margin-bottom: 10px;
}
.td_mod8 .thumb-wrap img {
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;
}
}
Hi,
Please deactivate all plugins, leave only Visual Composer active, also clear cache and purge your files if you use CDN and check if you still have this issues. Please also make sure that you use the latest theme version(1.6) and you update the plugins that come with the theme files from ../plugins folder.
Let me know how it goes.
7. Please remove logo image for mobile, as you use Blog Style and you have text logo.
Thanks!
I noticed that the panel for categories have changed slightly with the latest Newsmag theme update. In the category panel, I had the ‘show featured slider’ turned off, but since that option is no longer in the panel, I disabled the ‘category top posts style’. However, the big grid still shows the category featured slider on mobile and tablet devices.
Furthermore, other changes like disabling the category header did not reflect on mobile. How do I fix this?
Hi,
Unfortunately theme doesn’t have an option to use a different sidebar on mobile view, but you can try to hide some blocks from the main content(if you refer to this) for mobile view so the sidebar will appear slightly above.
I don’t understand exactly what you mean with “to show 5-6 articles..” …. on sidebar or main content?
Please provide a link and screenshot to see what you want to hide on mobile screen.
Thanks!
Hi,
I have checked your site, but I couldn’t find Facebook comments on posts(only share plugin). Anyway we did not tested the plugin with our theme so I don’t know exactly how it works. If the plugin have width in percentages like 100% it should be resized and visible on mobile.
Thanks!
Hi,
I have checked your site, please add you ad code directly in Theme Panel > Ads > Header Ad: http://screencast.com/t/hvgal6UK You don’t have to use anything else because google ads are responsive and resize automatically when you refresh. Add the code like I said and see if it hides on mobiles if you enable that option.
Thanks!
Not sure why the mega menu doesnt work on the mobile version of the theme. http://www.fastpitchelite.com/blog It works ok on the desktop version but not the mobile. Does anyone have any suggestions
Thanks in advance
Hi,
Sorry for the delay!
Do you actually have the same issue on a mobile device?
Please also check this without other plugins active, this without the speed booster plugin which can cause this as it moves css style sheets and/or js files to the bottom of the page.
Please also let me know what theme version you use.
Thanks
Hello, theme has been much better than expected, actually going to post about that in another subject.
Right now 95% of my traffic comes from Facebook, 70% of that is mobile. I have some people commenting with the basic wordpress comment section but really I NEED to use the facebook comment plugin so it will import the dozens of comments that are on the post on facebook and allow people to post when on the article page since they were logged into facebook already when they come to my site.
The problem I am having is best described in this picture – http://oi57.tinypic.com/2dbw6mr.jpg
It inserts itself above the sharing icons, similar articles and latest articles.
Any help would be appreciated!
Dear Lucian,
I also would like to change the default icon on mobile. Is the CSS code above can also be applied in Newsmag theme? Thanks
Hi,
1. You can use featured video section and add your video url and also use post template 8: http://screencast.com/t/vZtTvuQEc
Result: http://screencast.com/t/pHBbB8CTvf0
2. It is not compatible, but it will be from the next version(unless something unusual happens)
3. Yes the full width is what you see in our demo 1021px: http://screencast.com/t/bM59WocOIx
4. Unfortunately the theme doesn’t have an option to show a different sidebar on mobile view.
Thank you!
You would need to, at very least, edit the style.css file to remove the @media calls for the mobile devices sizes.
This is a responsive theme, so not really easy to remove the framework under which it was created and marketed.
I recently purchased the theme, and love it, but it is taking a lot of work to set up. I have a few questions, if someone wouldn’t mind helping me out.
1) How do I change the text of the “trending now” thing to say something like “recent posts” or the like?
2) When I click on a post (from the homepage) it takes me to that post, but the sidebar then goes completely blank. How do I add a sidebar so that it shows up on blog posts, and pages, as well?
3) When I try to load the site on my mobile phone it says it cannot be found (yet every other website loads and looks fine). Why is the mobile site, for my phone, not working?
Thank you in advance!