- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
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!
Hi,
Please use this css to change color for Trending title: http://screencast.com/t/ZX1J79gh
.td-trending-now-wrapper .td-trending-now-title{
background-color: red;
color: blue;
}
Thanks!
Hi,
Please try this css code in Theme Panel > Custom Css: http://screencast.com/t/vBowk8ZTM
.sf-menu .td-icon-menu-down{
display: none;
}
Thanks!
Hi,
Like I said above wordpress handles comments and remove blank lines, also on Newspaper theme is the same, maybe you have used a plugin.
You can add margin bottom for comments paragraphs if you like, please add this custom css in Theme Panel > Custom Css: http://screencast.com/t/Ew3tATuxm6
.comment-content p{
margin-bottom: 10px !important;
}
Hope this helps!
Hi,
Please take a look how css is applied on newsmag: http://screencast.com/t/xHylSplnL and try to do the same on Big Slide from Newspaper theme. If you don’t have basic css knowledge you can hire a professional to do this for you.
Thanks!
Hi,
Please try this custom css for tab’s blocks in Theme Panel > Custom Css:
.span8 .wpb_tabs .td_mod9 .item-details{
margin-left: auto !important;
margin-right: 300px;
}
.span8 .wpb_tabs .td_mod3 .item-details{
margin-left: auto !important;
margin-right: 117px
}
Result: http://screencast.com/t/C9w5UuxME – http://screencast.com/t/PIP1Mywq5Ed
Also try this css code for search: http://screencast.com/t/U17Oos309L
.td-header-style-8 #td-top-search{
position: absolute !important;
right: auto;
left: 0px !important;
}
.td-header-style-8 #td-top-search .dropdown-menu{
left: 0px !important;
top: 45px;
}
.header-search-wrap .dropdown-menu .btn{
right: auto !important;
left: 20px;
}
.header-search-wrap .dropdown-menu:before{
right: auto !important;
left: 30px
}
Please also consider that unfortunately we recently have decided that starting with the next theme update we will not include rtl support within the theme. You can still use the theme as it is but unfortunately you cannot updated it as you will lose the rtl support or you can update it and make yourself the necessary adjustments needed.
Thanks!
How can I change the values of element style like “padding” and “border-radius” of all buttons/titles with a few lines of CSS command (ex: titles of menus, categories, tags, read more, latest articles, editor pics, related articles, more from author, etc.)
Example:
{
padding: 5px 15px;
border-radius: 0px;
}
They will look like more modern.
Hi,
The theme’s normal slider was designed to work best by using thumbs and unfortunately if the images isn’t large enough to fill the whole container the image will not fit the slider. WordPress doesn’t enlarge images so if you aren’t using a larger enough image which can fit the thumb container then you could try a plugin like Thumbnail Upscale to enlarge thumbnails: https://wordpress.org/plugins/thumbnail-upscale/
You can also use custom css to enlarge thumbnaisl in the slider, like this: http://screencast.com/t/GWzaG8xrEdt
.iosSlider-col-3 .entry-thumb {
width: 100%;
}
Thanks
Hi,
The grid will be changed and with it the whole css, from the code perspective it will practically be a new theme and unfortunately we don’t plan to add RTL support on v.5, sorry for this. There are a lot of elements and we had to take this decision because we don’t have too many RTL customers.
If you can’t use the theme we can offer a full refund, just send an email at contact@tagdiv.com and we will explain the procedure.
Sorry for the inconvenience.
Thank you, Emil G.
Hi,
1. Unfortunately Social counter plugin doesn’t support Pinterest id: http://screencast.com/t/hzSmfS2A
2. If you have this problem to the block title: https://forum.tagdiv.com/topic/one-pixel-white-space/ please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/COsR65gic
.block-title {
line-height: 30px !important;
}
Thanks!
Hi,
If you don’t want to use css code from above and you like menu’s on two rows on tablets and add background also on second row please try this custom css(I already provided to you 2 solutions above): http://screencast.com/t/6fDwtqq3ybew
@media (min-width:768px) and (max-width:1199px){
.td-menu-wrap {
height: 100px !important;
}
}
You have to add css code in Theme Panel > Custom Css: http://screencast.com/t/13c7Upuj
Thanks!
Hi,
You can try to add a span in the search link like this: http://screencast.com/t/wpBuuj1SSDR
And add this custom css in Theme Panel > Custom Css: http://screencast.com/t/fQXi9JWUVq
#td-top-search{
width: auto;
}
.text{
float: left;
display: inline-block;
}
.td-sp-ico-search{
float: right;
display: inline-block;
}
.header-search-wrap #search-button{
width: auto!important;
}
If you don’t have basic experience php/css/html you can hire a professional to do it for you.
Thanks!
Hi,
I have checked your site and I didn’t found any issues please provide a screenshot with your issues if you didn’t solve it: http://screencast.com/t/GgT1dz3nYm
Also if you have an issue like this: http://screencast.com/t/Rj6ZWBzal please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/l0mcPnScDoxv
.block-title {
line-height: 30px;
}
Thanks!
Hi,
You can update the theme(also if you updated) without any problems. There was a mistake in style.css file where was added 444 version but this is 4.6.2 version of the theme. Sorry for inconvenience!
Also Visual Composer latest version is 4.4.2 and you can find it in /plugins folder from theme files that you downloaded from themeforest: https://forum.tagdiv.com/update-the-visual-composer-plugin-wpbakery/
Thanks!
Hi,
Please make sure you also test this without any plugins active and leave just Visual Composer plugin active and also empty cache and purge your files if you use CDN then check again. Also css code is apply in cascade so the default css is loaded and then the custom one.
Thanks!
Hi,
I have checked your menu and you have some custom css added there. Please try this css code for tablet view: http://screencast.com/t/GzeyiOlFIT
@media (min-width:768px) and (max-width: 1200px){
.sf-menu > li > a{
padding: 0px 20px 0px 10px !important;
}
.sf-sub-indicator{
right: 0px !important;
}
}
Hope this helps!
Hi,
I had to add it separately using custom css. But not to worry, they will add more themes for the big slider in the next update, I guess.
WordPress cannot create larger thumbnails than the size you upload.
So, you’d need to either
a) hack the template or use custom CSS to make the image in the template be
style="width:100%;height:auto"
b) use a plugin like Thumbnail Upscale which will create the larger image sizes for some of the templates than what you upload.
Hmm I tried that and it didn’t seem to change anything. I can only see the back-end view count if I have it enabled, and after adding in that CSS code and changing those .php files I can still see the view count. How can I find out which of those php files apply to my template?
I’d like to make it completely invisible in the front-end, but still be able to see it in the back end (wordpress admin-interface).
@truelifefitness
It’s the default Big Slider, just a little optimized to my needs using CSS and PHP. Glad you liked my site!
First off, i’ve been doing a lot of posts on this forum, and Tagdiv support has been really friendly and understanding regarding that, so thanks a lot for bearing with my innumerable queries! I was wondering if you could help me out with another quick question: , I am trying to add a gradient css overlay over the Bigslider images, something like what you guys have been doing with Newsmag.
http://www.screencast.com/users/princepetropia/folders/Default/media/d90c56fa-1df2-4971-959d-2713bdd08cc4
So far, I can’t find a way to do that. Can anyone help me? Thanks.
hi chris , thxs a lots
Its posible help to solve this
Specify a cache validator
What does this mean?
The following resources are missing a cache validator. Resources that do not specify a cache validator cannot be refreshed efficiently. Specify a Last-Modified or ETag header to enable cache validation for the following resources:
http://fonts.googleapis.com/css?family=Damion%7CArial&ver=4.1.1
http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=4.1.1
http://fonts.googleapis.com/css?family=Oswald%3A400%2C300%2C700&subset=latin%2Clatin-ext&ver=4.1.1
http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic&subset=latin%2Ccyrillic-ext%2Clatin-ext%2Ccyrillic&ver=4.1.1
http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=4.1.1
http://fonts.googleapis.com/css?family=Ubuntu%3A300%2C400%2C500%2C700%2C300italic%2C400italic%2C500italic%2C700italic&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Clatin-ext%2Ccyrillic&ver=4.1.1
http://fonts.googleapis.com/css?family=Vollkorn%3A400italic%2C700italic%2C400%2C700&ver=4.1.1
/wp-content/plugins/counterize/counterize.css.php
/wp-content/plugins/counterize/counterize.js.php
and this
Leverage browser caching
What does this mean?
The following cacheable resources have a short freshness lifetime. Specify an expiration at least one week in the future for the following resources:
plugins/counterize/counterize.js.php (1 hour)
and this
Add Expires headers
What does this mean?
There are 7 static components without a far-future expiration date.
http://fonts.googleapis.com/css?family=Damion%7CArial&ver=4.1.1
http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=4.1.1
http://fonts.googleapis.com/css?family=Ubuntu%3A300%2C400%2C500%2C700%2C300italic%2C400italic%2C500italic%2C700italic&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Clatin-ext%2Ccyrillic&ver=4.1.1
http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic&subset=latin%2Ccyrillic-ext%2Clatin-ext%2Ccyrillic&ver=4.1.1
http://fonts.googleapis.com/css?family=Oswald%3A400%2C300%2C700&subset=latin%2Clatin-ext&ver=4.1.1
http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=4.1.1
http://fonts.googleapis.com/css?family=Vollkorn%3A400italic%2C700italic%2C400%2C700&ver=4.1.1
thxs so much
Good morning. By performing the update of the theme, my personal settings such as translations, changes css inserted in the space of the theme settings, remain or be lost?
Does anyone know a simple way to change the default fonts used throughout the site?
I only want to use two fonts throughout my site, basically a heading font and a paragraph font. It seems kind of cumbersome to have to choose each one in the Typography dropdown. It’s also time consuming to copy the CSS to my child theme and then find/replace on all instances of Roboto/Ubuntu. That would work if I knew exactly what I wanted to use, but as I’m getting my site set up, it would be easier to have an option to set a basic header font and paragraph font, so that I could quickly see the effect on the site before committing to something. Anyway, if there’s a simple method I’ve overlooked, I would appreciate the instruction. Thanks!
Thank you Alin
Just I noticed that the website begin loading before the Custom Css
For example when I go to somewhere in the website I see the logo go to left then come back to right, same thing with the ad header. How can I let the website load the Custom Css from beginning?