- 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
The theme code was changed but you can try this css in theme panbel > custom code > custom css, it should work fine:
.td-backstretch{
transition: 0s!important;
}
Thanks!
Hello,
Please try this custom css to change the hover color:
.td_block_5 .td_module_wrap:hover .entry-title a{
color:red!important
}
Thank you!
What is the CSS code to remove the date from Big Grid 4? Thanks.
Hello,
The grid elements will not position properly on a full width row. The example above was for a revolution slier which has it’s own css for positioning. A big grid will require further customization as it depends on the fixed width column layout of our theme.
As an example here is how a big grid 3 will display in a full width row:
http://screencast.com/t/CKJXzyLVM0Uh as oposed to the normal layout: http://demo.tagdiv.com/newspaper/big-grid-3/
Thank you!
Thanks Catalin
The code you gave did not work but we figured this out by using CSS.
You should offer a few basic Page Template which are present in any Premium Theme.
TBH i am actually shocked at the fact that you don’t have this in your Premium Theme.
check here: https://www.dropbox.com/s/u14zai5iyesjcjg/Screenshot%202016-01-14%2011.48.03.png?dl=0
It’s the little things that make a big difference after all.
This allows for more flexible working.
All the best
Corrado Izzo
Hello renai42,
I have checked your website and I notice that you have an empty paragraph in your article, like this -> http://screencast.com/t/vrJzIhfAisLB You can re-edit your article from the panel and remove this paragraph or you can try a bit of CSS and add it in Theme panel, like this -> http://screencast.com/t/ubZbTkEHjXZ
.td-post-content p:empty {
display: block;
}
The result -> http://screencast.com/t/rR30cQmn
Hope this helps and let us know how it goes!
Thank you for the message!
Hello,
The easiest way to do so is using css. You can target specific post by the unique post id: http://screencast.com/t/6afPVN4tJ0GR You can use your browser inspector to get it. Then you can use the id as a css class and target the ads inside the post.
I hope this helps. If you cannot do it please provide a link to your post and i will provide the necessary code to hide the ads.
Thank you!
Hi
I can’t access the indicated url: http://screencast.com/t/oui5lugP
You need to edit the editor-style.css file and change the indicated value http://screencast.com/t/hfrc6h4a also you can at your own css to style the blockquote
Thanks!
Dear friends,
I would like to ask you how to change the color in preinstalled WP Menu widget. Before last theme update (to 6.6.4) I’ve simply changed it by edit CSS code into:
.widget a:hover {
text-decoration: underline;
color: #000000;
}
After update it doesn’t work anymore. So what I’m suppossed to do to change hover color of menu items just in that exact widget?
Link to my site: http://www.hsgrp.sk
You can see the widget just before the footer where the facebook social plugin is located.
Thank you for your prompt answers.
Hi
Wp Rocket it’s a complex plugin whit many features included and to make it compatible whit the theme will take some time and we will need to do some serious investigations. From other reports some of the plugin’s features, like page caching works fine, but some of them like css/js minification are known to create issues with our theme. I can’t say at this moment if we will implement support for this plugin as it’s a very complex task which require a lot of time and researches.
I’ve added this on our todo list and theme’s developers will investigate it in the feature. If we find any solution we will make an announcement.
Thanks!
Hi
The theme doesn’t have an option to disable a particular widget on mobile devices but this can be achieved with some custom css like this:
@media (max-width: 768px){
.widget-css-class{
display: none;
}
}
Thanks!
Hi
This happens because on the indicated pages the Visual Composer rows are full width: http://screencast.com/t/gOiOB6lys Please make sure that the the stretch row setting is set to default in Visual Composer: http://screencast.com/t/CQQE7jxuff9M clear all caches and test again.
To remove the spaces between the rows add this css in theme panel > custom code> custom css: http://screencast.com/t/epyvm6XATbh
.vc_row {
border-bottom: 0!important;
border-top-width: 0px !important;
}
Thanks!
Hello,
There is an option in the theme panel to disable comment on pages here: http://screencast.com/t/Mnj4ormbl7o or if you only want to remove comments on your homepage, then you can use css like so:
.home .comments{
display:none!important
}
Thank you!
Please take a look on the main page of this web site: http://drive-news.net/
http://prntscr.com/9pwjfz
This is costom css I used to change row backgroung:
.mainpage-bottom-block {
background-color: #ececec;
}
And I changed Title background for Block 5 to the same color as background.
-
This reply was modified 10 years by
Shvedoff.
Hi
I’ve checked this and is not a css issue. Seams that the plugin interprets the mega menu page as a post and display the icons there. I am not sure why this happens as I am not aware of plugins implementation but most likely you will need some tweaks in plugins files or in theme files in order to accommodate their’s functionalities. This is a complex task and I can’t provide a solution now. You can try to modify the function which generate the page mega menu if you want: http://screencast.com/t/SHE2jNG6 or also look in plugin’s files and try to identify where the problem could be.
Please consider that this is a complex task which require good coding skills. If you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you as we can’t offer customization services at the moment.
Thanks for the message!
Hello,
Unfortunately we have no idea of your plugin functionality and we are not sure how to disable the mobile menu ‘by its class id’. You can try to hide it with css using media queries:
@media (min-width:767px){place your css code here}
I hope this helps.
Thank you!
Hello doran,
Indeed, our theme crop (cut) thumbnails in some cases to avoid creating a lot of thumbnails in order to reduce to load more spaces on the server. I did some investigation on my side and I did a little digging into this matter. Please try to use a bit of CSS this matter
.td_block_big_grid_1 .td_module_mx5 img {
transform: translate(0px,-45px);
}
Hope this helps and let us know how it goes!
Thank you for the message and sorry for the inconvenience!
Hello,
I can understand your problem but I cannot help you if I cannot see the ad and it’s positioning. I cannot be sure if the css will apply. I cannot provide a code blindly based on assumptions. Please try to replace the ad with a static image and see if it will still be cut off. Use the same div’s as you did with your current ad and simply place an image inside the div’s using html (keep the same dimensions). Let us know how it goes.
Thank you!
Thanks for the tip about commenting out the title and category. Here is a screen shot of the my layout in VC

and the VC code via pastbin http://pastebin.com/dVr6E25P the styling is done in custom CSS in the custom CSS section in the theme panel.
most of the design it is done via columns in visual composer, so the title is on the second column. I would still like to have the category properly updated for each post and appear just below the title on the second column, how could I do that with this layout?
-
This reply was modified 10 years by
yinako.
The CSS Minify may not be needed because these days, The CSS files are optimized and minified already.
I recommend and use Cloudflare, but not W3TC though, don’t use anything except WP Super Cache, you won’t like the results.
I have tried them all except WP-Rocket, I am yet to test that plugin.
Cheers
Hi,
As someone running news site. I often use blockquote to quote a person or source. However the blockquote css for Newmag magazine uses huge fonts and properties that don’t work well. I added some css:
.post blockquote p, .page blockquote p, .td-post-text-content blockquote p {
font-size: 15px;
line-height: 21px;
border-left: 3px #ddd solid;
font-family: monospace !important;
text-transform: none;
text-align: justify;
color: #999;
padding-left: 30px;
font-style:none;
}
As you can see here: http://www.swapnil.io/2016/01/13/in-2015-linus-torvalds-flew-in-a-fighter-jet-in-2016-he-builds-a-car/
vs
Blockquotes here:
http://demo.tagdiv.com/newsmag_fashion/td-post-taylor-swift-why-she-hasnt-dated-since-harry-styles/
But within the editor it still shows the big fonts. How do I change that in the backend where I write stories.
Hello,
I have checked this issue and it seems firefox is not interpreting the logo right. Please use this custom css to force responsiveness for firefox:
.td-md-is-firefox .td-header-sp-logo img{
width:100%!important;
}
Thank you!
Minunat! Va multumesc din suflet! Functioneaza perfect codul. Dar pe mobil se pare ca mi-au disparut imaginile de la Search si de la Menu (au lasat in schimb un fel de patratele taiate pe diagonale). La accesarea unui articol din site insa, imaginile respective reapar. Problema pe mobil persista doar la homepage.
Va las mai jos codurile pe care le am in Custom css acum:
.td-header-header {
background-image: url("http://www.sbsport.ro/wp-content/uploads/2016/01/header.png");
background-size: 100% 150px;
background-repeat: no-repeat;
width:100%;
height:100%;
position: relative;
}
.td-footer-wrapper{
background-image:url('http://www.sbsport.ro/wp-content/uploads/2016/01/header.png');
background-size: 100% 100%;
background-repeat: no-repeat;
width:100%;
height:100%;
position:relative;
}
.td_block_big_grid_1 {
padding-bottom: 3px;
}
P.S. Permiteti-mi o intrebare care nu are legatura cu anterioara: Pentru a prelungi perioada de suport pe care am primit-o dupa achizitionarea temei, exista vreo solutie? Pe ThemeForest nu am gasit achizitionarea de expand suport.
Hi Corrado Izzo,
If you want to exclude your header, footer and sub footer for a specific page, you have to use a bit of CSS to hide it using a page ID. Please try the code below and add it in Theme panel->Custom CSS area.
.page-id-1862 .td-header-wrap, .page-id-1862 .td-footer-wrapper, .page-id-1862 .td-sub-footer-container {
display:none;
}
The result you should see here -> http://screencast.com/t/FdBbeha5k0L
Another possibility for you would be to do another template with the blank page. Unfortunately, our theme does not have implemented this option but you should take a look on this topic and see how you can implement this in your website -> https://forum.tagdiv.com/topic/how-do-i-create-a-completely-blank-page/
Please note that it not tested with all theme features so if something goes wrong in the future please don’t forget that you have some custom modifications.
Hope this helps and let us know how it goes!
Thank you for the message!
Hello Larshell,
The simplest way is to hide this feature with a bit of CSS. Pleae try the code below and add it in Theme panel->Custom CSS area, like this -> http://screencast.com/t/b97vnwhGQ -> http://screencast.com/t/hxDJR5jcQYSY
.td-category-pulldown-filter {
display:none;
}
If you want to remove it, you have to alter the code like this -> http://screencast.com/t/LwBm9JnALRn
Hope this helps and let us know how it goes!
Thank you for the message!