- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi guys,
I have some problems with the slider:
-When I define a category filter, the slider disappear from the website
-When I try to define the height (by using extra class to the slider and change height css proprety) the title don’t show correctly and the slider looks weird on mobile device.
You can see it here: http://restaurant.qarth.net/
(I disabled the filter so you can see the both sliders)
Thanks,
Hello,
Please try to use the code below and place it in Theme panel->Custom CSS area.
.td-header-style-11 .td-logo-wrap-full{
border-bottom:0;
}
Thanks for the message!
HI
Try this css in theme panel > custom code. custom css: http://screencast.com/t/Kyq3kDQRXC17
.td-post-template-3 .td-post-title{
width: 100%;
}
Thanks!
HI
Try this css in theme panel > custom code > custom css to correct the logo position: http://screencast.com/t/2mDs6IRa
.td-logo{
margin-left: auto;
margin-right: auto;
}
.td-header-style-9 .td-header-sp-logo img {
width: 350px!important;
}
Thanks!
hello,
Unfortunately there is no setting for this and it is no easy thing to do. The dimensions for where the hamburger menu appears are hard-coded in and you have to change all the instances of the css to target a different viewport. Lots of things have to be changed and adjusted for this to be possible. Here is an example so you know what I mean. If I look for the screen size where the current hamburger menu kicks in (767 px) there will be 708 matches for this search: http://screencast.com/t/vp5WasGwEPPH
You could try a search and replace to replace all of the css at once but you still need to be careful what you change.
Thank you!
Hello,
1. The sorting option for these elements can be seen in the code like so: http://screencast.com/t/Uf8r4ahIF
2. You can disable the footer logo on mobile only using this css:
@media (max-width: 767px){
.footer-logo-wrap, .td-footer-wrapper .td-pb-span3{
display:none!important;;
}}
Thank you!
Hi
First you need to edit td_module.php file and add this code here: http://screencast.com/t/Vhsrq6NPtzWY
<i class="td-icon-comments"></i>
You also need this css in theme panel > custom code > custom css: http://screencast.com/t/pNhDhK1ULwce
.td-icon-comments{
margin: 0 8px;
color: black;
}
.td-module-comments{
background-color: white;
}
.td-module-comments a:after{
display: none;
}
.td-module-comments a{
color: black;
}
Hope this helps!
Thanks!
If would like to change the css-class of the blockquote (font-size,…).
HI
Yes you can hide that expression by using this css in theme panel > custom code . custom css:
http://screencast.com/t/79RfxCNSKaE
.td-show-location label{
display: none;
}
Thanks!
Hello,
If you use the mobile theme, unfortunately there is no simple way of removing the footer. You can use this css though to do it:
@media(max-width:767px){
.td-mobile-footer-wrap{
display:none;
}}
Thank you!
Hello Kalamsaha,
This is talking about the sibling category. Please notice that this type of category template has been designed to display this element but keep in mind that not all of category template display these elements. If you want to get rid of it, please notice that you should use a bit of CSS code to hide them or simply change the category template from your panel, like this -> http://screencast.com/t/mjDVBThXdW1B
The code is ->
.td-category-siblings{
display:none;
}
Thanks for your understanding!
Hi
When I have the sidebar enabled on my blog posts template, the width of the post title is the same as the text width only. I would like to have the title width adjusted to the featured picture width, and equal to the width of the text and the sidebar together. Is this possible to do by CSS changes?
http://www.ladiesabroad.se/2016/10/are-utanfor-skidsasongen.html I would like to have the word “utanför” on the upper title row, not on the lower, as there is room to the right of the word “fungerar”.
Thanks.
Hi
Can I please have a CSS change for centering all pictures. I will try it, and hopefully it solves my problem.
Thanks.
Hello lucken7,
Please notice that our theme only handle and display the ad which is added by you to the ad spot zone and it does not handle the structure of your ad. You will have to consult the Ad provider and request them to change this element (if you are using the Adsense Code). Otherwise, if you are using other ads, please consult our documentation here -> https://forum.tagdiv.com/using-other-ads-non-adsense-ads/ As you can see the HTML structure of this kind of ads and there you can add a CSS inline style rule, with your desired background.
Thanks for your understanding!
Hello,
Smart lists were creted to use the modal image by default so there is no simple way of turning it off as it is hard-coded in. You can however use a css trick to remove the link action:
.td_smart_list_2 .td-slide-smart-list-figure{
pointer-events:none!important;
}
Add this code in the theme panel custom css box. This will work on smart list 2. If you use another smart list you need to change the number of the smartlist in the code.
Thank you!
Hello replay35,
Try the code below and place it in Theme panel->Custom CSS area. The code is ->
.vc_general.vc_btn3{
font-size: 15px;
line-height: 60px;
padding: 0 40px!important;
}
The result you should see here -> http://screencast.com/t/UGSXxqZ8x4b
Thanks for your understanding!
Hello weezyworld,
You will have to use a bit of CSS code for that. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-post-author-name a {
color: red;
}
If the code will not work, please try to put the !important tag after the red value. If not then it will not work, please provide your website URL so I can inspect it closer and also, so I will be able to provide a more accurate response.
Thanks for your understanding!
Hi
Those are the default options for social networks but you can hide Whatsapp using this css in theme panel > custom code > custom css: http://screencast.com/t/BYYDqKSx
.td-sp-whatsapp{
display: none!important;
}Let us know how it goes.
Thanks!
Hi
I’d like my H2 tag to be a different colour to h3,4,5 and 6
There is a thread with this CSS code – but it doesn’t seem to work
h2 {
color: red;
}
When a post on my site is viewed – there is the H1 heading/headline – and a lead-in intro that I use h2 for…(before the read more tag)
If I can customise that h2 it will look really good.
Then I use h3 for subheadings down the article if necessary…
Thanks
You can download latest version from your ThemeForest account, but you can also see the changelog at bottom of the Newsmag “info” page on ThemeForest.
e.g.,
\\
Version 3.2 – October 10th, 2016
new: added support for design options on most of the blocks. You can now change the padding, margin and border on blocks
new: added support for retina images on our blocks and modules. You can enable them in the panel.
misc: various core code refactoring and optimizations.
misc: better theme documentation and better help text in panel
misc: added used on for thumbnails in theme panel
misc: file path and names are now visible on each module, smart list, template etc on hover
misc: breadcrumbs markup, added BreadcrumbList schema
fix: our blocks sometimes had issues autoadjuting the column count when placed in a inner row that is in a row
fix: on first install the Visual Composer tooltip was appearing over our tooltip and there was no way to close the last remaining open tooltip
fix: wrong recomanded columns in Visual Composer, new users found it dificult to find out on what colum layouts our blocks work best
fix: background ad on tempalte 8
fix: top menu hover and background ad cursor fix bugs
fix: images that have alignnone now work as expected
fix: main menu was loading without css on first load
fix: modal login button css
The list of modified files
Hi,
Please check below this is what google speed test tells about the loading of website. Please give a solution to the issue. I have minimal elements on the site but still this is the result. And by the way i am using W3total cache plugin as my host doesn’t recommend Super Cache plugin which you recommend and i have total 6 plugins installed including “WPBakery Visual Composer”.
Your page has 6 blocking script resources and 6 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Remove render-blocking JavaScript:
http://www.morenews.pk/…-includes/js/jquery/jquery.js?ver=1.12.4
http://www.morenews.pk/…s/jquery/jquery-migrate.min.js?ver=1.4.1
http://www.morenews.pk/…ent/plugins/akismet/_inc/form.js?ver=3.2
http://www.morenews.pk/…hemes/Newsmag/js/tagdiv_theme.js?ver=3.1
http://www.morenews.pk/…cludes/js/comment-reply.min.js?ver=4.6.1
http://www.morenews.pk/…wp-includes/js/wp-embed.min.js?ver=4.6.1
Optimize CSS Delivery of the following:
http://fonts.googleapis.com/…italic%2C400italic%2C300italic&ver=4.6.1
http://fonts.googleapis.com/…s?family=Open+Sans%3A400%2C700&ver=4.6.1
http://www.morenews.pk/…/assets/css/js_composer.min.css?ver=4.12
http://www.morenews.pk/…content/themes/Newsmag/style.css?ver=3.1
http://www.morenews.pk/…tic/0cb8f5e622fa7b1928cf42bfad8eacdb.css
http://www.morenews.pk/…ttons3/assets/css/essb-subscribe.min.css
Yes,
You have to edit style.css file located in themes/Newspaper/mobile/style.css
Line numbers 3042, 3043
See the snapshot http://prntscr.com/cxtkjs
Currently, my theme is customized to show a small author image below post title on every single posts on desktop as well as it’s mobile responsive version.
But when I tried to the same when “TD mobile theme” was ON. It didn’t appear. SO, I made similar changes to Mobile theme.
I edited single.php file under mobile folder of newspaper theme, and replaced :
<?php echo $td_mod_single->get_author();?>
with
<?php echo get_avatar(get_the_author_meta('ID', $post->post_author), 39) . $td_mod_single->get_author();?>
and then added this custom CSS code to mobile theme custom CSS setting:
.avatar-39{
float:left;width:39px;height:39px;border-radius:39px;margin:-12px 10px 5px 0;
}
The method exactly similar to what I did in case of desktop version.
But the result is this: https://i.snag.gy/XzT2YC.jpg
I am getting only top half of the author image. I tried some CSS tweaks but no successful. SO, I need your help to fix this.
Thank you.
Hi,
Thank you Amit 🙂
But I specifically want to change the core CSS code for Font needs because it looks ugly when user sees changing fonts even for the mili seconds.
Can you please tell me what should I change in the core file and where?
Thank you
This is how post title currently looks when TD Mobile theme plugin is enabled : https://i.snag.gy/AsyaNw.jpg
but I want it to look as it looks on Mobile-responsive version of desktop theme when TD Mobile theme plugin is OFF. Like this: https://i.snag.gy/PstgB3.jpg
I tried changing various font-settings for H1 in Style.CSS file under Mobile folder of Newspaper theme, but nothing happened. I was looking for “td-post-title” as shown by Google chrome Inspect console but couldn’t find it.
What should I do?
Thank you.
