- NewsmagBlock settings tutorial
- NewsmagCategory tag on modules/blocks
- NewsmagtagDiv Composer Tutorial
- NewsmagWeather Widget
- NewsmagExchange widget
- NewsmagInstagram widget
- NewsmagHow to use the Visual Composer plugin
- NewsmagIntroduction
- NewsmagFooter templates
- NewsmagCustom ad spots
- NewsmagLoading image effects
- NewsmagSmart sidebar
- NewsmagFeatured images
- NewsmagGeneral settings
- Newsmag7 days post sorting
- NewsmagTheme thumbs
- NewsmagExcerpts introduction
- NewsmagTheme colors introduction
- NewsmagtagDiv slider gallery
- NewsmagVideo playlist
Also, I think you might appreciate this:
If you try loading the Newsmag demo theme with a resolution higher than 1400px, the theme goes haywire, sidebar and blocks cascade themselves hapazardly and the theme turns unusable. I was first inclined to by Newsmag, but seeing this issue, I purchased Newspaper instead.
Hi,
Unfortunately the theme dons’t have an option for that and you would need custom changes for that. You can use another post template if you don’t want the full width parallax image.
The parallax post template uses the image at its original sizes. You can find all image thumbs that theme creates in theme panel > block settings: http://screencast.com/t/uLCKR1iC
Sorry for the inconvenience!
Thanks for the message!
Hi!
And thank you for your help!
The first one worked great for me, thanks for that, but when i flip the ipad from portrait mode to landscape the play icon leaves to the side from the sidebar like this : http://www.screencast.com/t/UYEF9Wbi5s
This is the full mobile css that i have added now:
@media (max-width: 767px) {
.wpb_widgetised_column {
display: none;
}
@media (max-width: 767px) {
.td-main-sidebar {
display: none !important;
}
@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
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;
}
@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;
}
}
@media (min-device-width : 375px)(max-device-width : 667px)(orientation : landscape){
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;}
@media (min-width : 375px) and (max-width : 667px) and (orientation : landscape){ .single img{ max-width: 50%; } .td-post-featured-image{ text-align: center; } }
Hi,
You can try to add Featured block to another row and use it on full width row something like this: http://screencast.com/t/Z5eUtAEQH7 – http://screencast.com/t/jerzJpGYe
Or display more posts on Latest Reviews block to fill up that space: http://screencast.com/t/cU3LJbPa
There are many possibilities to build your page with Visual Composer, also you can use Widgetised Sidebar block to display your custom sidebar(create it and add widgets to it): http://screencast.com/t/9HoRs4sWI
I’m not sure if this is what you want, so if this is not please provide more details maybe a screenshot of what are you referring.
Hope this helps!
Hi,
1) Try the following css:
@media (min-width: 767px) and (max-width: 1018px){
.td_block9 .td_mod8 .thumb-wrap img {
position: relative;
}
.td_block9 .td_mod8 .item-details {
margin-left: 0px;
margin-top: 10px;
}
}
2) It comes from a css which changes the stile for that section, try this one:
@media (min-width: 768px) and (max-width: 1199px){
.span8 > .td_mod8 .item-details {
margin-left: 366px !important;
}
.span8 > .td_mod8 .thumb-wrap img{
max-width: 326px !important;
max-height: 235px !important;
}
}
3) The image cannot be made taller without increasing it’s width (to maintain aspect ratio), by doing this you have to compress the text on the right side.
4)You could try to set a different size for mobiles using media queries:
ex:
@media (max-width: 767px) {
...
}
I don’t know what you’re using there so i cannot provide a precise css.
5) What css did you used? please paste it here so i can take a look.
@space above big slider on mobile – try this css:
@media (max-width: 767px) {
.td-page-wrap .td-grid-wrap {
padding-top: 0px;
}
}
Thank you, Emil G.
-
This reply was modified 11 years by
Emil G.
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,
Please add this code to exclude current post from blocks widgets: http://screencast.com/t/QKs8p0aKk3kI
global $post;
if (is_singular()){
$args['post__not_in'] = array( $post->ID );
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
Header style 3 comes with an ad bellow the menu and above the content. But that’s the header ad, if you want to add a custom one you have to edit the template files.
In your case try to add it inside single.php like this: – http://screencast.com/t/7cX1Dh7b9
echo td_page_generator::wrap_start();
echo td_global_blocks::get_instance('td_ad_box')->render(array('spot_id' => 'custom_ad_1'));
echo td_page_generator::wrap_end();
Thank you, Emil G.
-
This reply was modified 11 years by
Emil G.
Hi,
Block 3 uses Module6 – http://screencast.com/t/E98LWr3o
There’s also some code which determins how the modules will be displayed on 1, 2 or 3 (span4, span8, span12) columns – http://screencast.com/t/ILQiCayzi
The blocks and modules are called here – http://screencast.com/t/MrGsxlS17c4
Hope this helps.
Thank you, Emil G.
Hello!
First of all thank you for your time viewing my mobile and ipad issues!
I have these problems:
1) When i’m on an Ipad the portait mode looks like this in my Block 9 posts: http://www.screencast.com/t/BX8ZnV4e0 . How can i make the title and excerpt go to the bottom of the picture ?
Or if that’s not possible, how can i make these pictures smaller so the titles and excerpts look good ?
2) Ipad Landscape mode looks like this on the Latest articles/ Article list: http://www.screencast.com/t/uZRAfFyJ1g . How can i make these images go bigger like this : http://www.screencast.com/t/insdMSaj . Because when you visit my site http://www.sketsi.fi , you can see that the post images are correct size on Ipad Landscape mode, but when you scroll down and get to the Article list, it shows the post images in a smaller size.
3) Ipad portait mode also shows the Latest article list pictures smaller than it should be , so how can i get those bigger ? http://www.screencast.com/t/ajq8xs2Hlg
4) My mobile shows homepage post images too large, more than full screen size. How can i make these smaller, maybe like this, just on the mobile landscape mode ? http://www.screencast.com/t/MVr7oxewTjZO
Because now its like this, and you have to scroll really hard down to see the title and excerpts : http://www.screencast.com/t/qvljiAW0NY2
5) I managed to get the website logo in the middle and the search logo on the right, but only in the mobile portait mode like this http://www.screencast.com/t/cSstk8tc12 . How can i also make this the same in the mobile landscape mode ? now its like this: http://www.screencast.com/t/5oQkd4gQ0 .
And there is also a gap between the menu and the big slider in the mobile landscape view.
I had the same thing in mobile portait mode, but the texts were way too big and the gap was confusing, so i had to disable it. Any suggestions on these ?
Hi
We’ve installed the theme on http://www.greatdaysoutwithdad.com and its pretty good so far. Though we have just started to have problem with the header block, it should have 5 articles but these have now spilled onto two levels on a pc screen with a white block on the right.
Its also meant that the blocks below also now are on just one per line, with a white block next to them.
Any ideas how to get it back to how it should be?
Thanks
Thank you. I see that.
Please take a look at http://haythe.tv/co-gai-facebook-khanh-dandy-ft-suki.html
For example. When this post are being shown. It should not be displayed in other blocks like related articles, sidebar, etc. How to do that. I want to show unique article like home page.
Hope your help.
Tks!
Thanks for the reply. Unfortunately, setting the frontpage to display the latest articles removes key customization elements that I need to utilize. It sounds like my only way to achieve what I’m looking for is to modify the code?
Is there any way I can create my own block? Or to make it easier, take the existing code of a similar block such as Block 3 and edit it to fit my needs?
As mentioned, I’m familiar with HTML, CSS, PHP, and some Javascript. However, I’m still relatively new to this. Is there any way that you could give me a little bit of direction on how/where to find the code that represents these Blocks so I can customize my own? I would greatly appreciate it.
Any additional information that you think would help me would also be greatly appreciated, thanks.
Thanks Hxadecimal for the question and Alin for the answer. I have the same problem and was researching a lot for the answer. As a workaround I use Post “Grid Module”.
I wonder why there is no block 7 Module for Visual Composer. I would appreciate a lot such block Module.
Also the order of the posts in the blocks please.
I tried using a .png pic for my logo, but I was unhappy with the fact it kept getting blurry in Firefox. So I tried using the Site Title (text logo version), and it seems to handle resolution changes better (that is, it doesn’t get blurry when zooming in like my logo picture).
The problem is, I can’t figure out how to change the Site Title font. I used “inspect elements” in Chrome, and found this css code for the site title:
.header-logo-wrap .td-logo-text {
display: block;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 40px;
}
But when I put that into the Custom CSS window and change it, f.ex. I tried changing the font size to 60px, there is no change at all (I’m hitting f5 in the browser, and the size doesn’t change). What am I doing wrong?
You can try limiting the number of queries per page, or get a better hosting provider?
Sadly, Visual Composer *does* use a lot of system resources as it’s a GUI to enable custom site layouts — so it’s like another application running on TOP of WordPress, which runs on top of php, which runs on the server.
You can also disable the visual composer CSS from loading on post pages where it’s not normally used (see my optimization sticky for the code to add to your functions.php file).
You can also simplify the category/archive pages to not use fancy Visual Composer blocks by default and simply show list of stories, etc.
Sadly this is an ongoing issue with Visual Composer, and not directly theme related.
Ideally one should be able to customize site then turn OFF Visual Composer, but keep the CSS in place to render the layouts.
Hi,
Please try this custom css in Theme Panel > Custom Css for homepage post block: http://screencast.com/t/5OjyBw3n7cQP
.page .template6-header {
top: 900px;
}
.page .td-full-screen-header-image-wrap, .page.single_template_6 .td-header-wrap {
height: 1000px !important;
}
.page .td-full-screen-header-image-wrap .backstretch{
height: 1000px!important;
}
.page .td-full-screen-header-image-wrap .td-backstretch{
height: 1000px!important;
}
.page #td-full-screen-header-image{
min-height: 1000px;
}
Also for post template 6:
.single .template6-header {
top: 900px;
}
.single .td-full-screen-header-image-wrap, .page.single_template_6 .td-header-wrap {
height: 1000px !important;
}
.single .td-full-screen-header-image-wrap .backstretch{
height: 1000px!important;
}
.single .td-full-screen-header-image-wrap .td-backstretch{
height: 1000px!important;
}
.single #td-full-screen-header-image{
min-height: 1000px;
}
.single_template_6 .td-header-wrap {
height: 1000px;
}
Hope this helps!
Hi,
Unfortunately that happens as the block uses a small thumb and on mobiles it gets enlarged (stretched) via css.
If you don’t mind using a larger thumb image for block’s 11 thumbs you could try to change the thumb size for it. Edit the td_config file and change the width and height of the thumb from here: http://screencast.com/t/7uaZn7UEvGC ..then regenerate thumbnails like this: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Please also consider that changing this thumb sizes will also affect mega menu and module 10 which also use this thumbs.
Hope this helps!
Thanks
Hi,
I also tested this and is loading more than once when you scroll down on block infinite pagination. To improve the loading speed look the mysql query cache: http://dev.mysql.com/doc/refman/5.1/en/query-cache.html We also use it on our demo.
Thanks!
Hi,
As I’ve also stated at first a host setting could be the reason for this as I couldn’t recreate this on my side. Please let us know when you have an answer from your host provider and, if possible give us wp-access so we van have a look at this and send your wp-admin login credentials via email at contact@tagdiv.com and include in your message a link to this conversation.
Related to the issue you have with those extra images added to your media library I’m not sure how that happens but the theme doesn’t suppose to do that and you’re right this is not a normal behavior.
Basically the theme creates thumbs which are used on blocks or modules or sliders and stores them in the ../wp-content/uploads folder not in media library.
The suggestion to disable the thumbs from theme panel was to save your host resources and so the theme doesn’t create unnecessary thumbs if you decide not to use some blocks/modules/sliders..
You can find all thumbs created, their dimensions and the blocks/modules.. on which they are used in theme panel > block settings > thumbs on modules an blocks.
We also know about the youtube link in excerpt, we have this on our todo list and will try to fix it in the next theme update, until then you can use the excerpt filed form posts editing panel to set a custom excerpt for posts that have this issue: http://screencast.com/t/s5UnkrMV
We are very sorry for all troubles you have using the theme, you can share your wp-admin details and we will have a closer look at this but if you are unsatisfied about the theme and can’t use it we can also offer a full refund.
Please let us know when you have an update on this or of your decision.
Thanks
Hi,
Please remove this code so the parent category wont show up on post page: http://screencast.com/t/yBPdB4YsTr
The image for homepage post block(post template 6) use javascript and you will need custom work for this and it is not an easy task to add link like on the title. Unfortunately we cannot offer custom work for the moment because we work hard on the development, updates, fixes and support. Sorry for inconvenience!
Thanks!
Hi,
I have no custom style!
I load the defualt configuration with css theme in the head section. (a 400kb css)
Google pagespeed tool says that page loading is blocked until the css is completly loaded and mark this a red problem.
If i put the css at the bottom of the page with tagdiv page booster plugin, the page render without css (no style, not only text) and remain ugly until css is loaded. When I say that page flicks, I mean it remain without css for 0,5 sec…
Can I fix it anyway or I have to maintain a smaller css in the header?
Hi,
You can try to edit your archive template and use short-codes and the do_shortcode function to add blocks built and customized using VC page builder.
You can find more info abut how you can add content using the do_shortcode function here: https://forum.tagdiv.com/topic/a-few-questions/#post-29762
If you don’t know how to do it I suggest you get someone to help you with this as we cannot do custom modification at the moment.
Thanks
Using block 11 on my homepage and I’m really disappointed in how it looks on mobile. It stretched an image thats supposed to be 180×135. It doesn’t look right at all.
This is how it looks: http://awesomescreenshot.com/01b4l4ord4
I’ve just been looking at how they manage at http://aplus.com/ and I notice the used a biggest sized picture and scale it down but now try to fit the whole picture but only the center cropped out to match the size.
Would this be possible? or even use the 218×116 version of the image or something.
thanks