- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello muggi15,
Please try to check all the settings from Theme panel for Headings for pages and posts, like this -> http://screencast.com/t/jWFOTiVOp2f and from there you will be able to change these parameters as you wish. Also, please notice that you can use a bit of CSS code to target these H Tags. For example, for pages, you can use the code below ->
.page H1 {
your code
}
and for post pages ->
.single H1 {
your code
}
Hope this helps!
Thanks for your understanding!
Hi
For the moment we don’t plan to add support for more browsers for our themes. I’ve made a few tests on that browser and seems that it can handle the animation used for mobile menu. Our themes are compatible with browsers which support html5 and css3 animations.
Thanks!
Hi
The settings from theme panel do not apply on back-end. To make changes there you have to edit editor-style.css file and change the css for drop-caps: http://screencast.com/t/BhoTqz16Am
Thanks!
Please help
After we post an article on our site we send out a link to the article via social media to promote it. If the user is on a mobile device and either sees this link via one of their social media apps (twitter, Facebook) and clicks it from there it opens the site within the app but the mobile CSS is not recognized and the site looks terrible. However, if you go to the browser on your mobile device and navigate to the same link it views fine.
What is the reason for the CSS not functioning as it should via a link from a social app on a mobile device? Looking to fix asap as this is how we gain a lot of our traffic.
Thanks,
Hey guys and girls – great job with the new Version three ! Love it..!
I’ve just spun it up in a dev environment and have noticed the following extra css elements being hard coded in the overarching theme style.css:
Line 24237: .mfp-content .td-login-wrap .btn { background-color: #4db2ec }
Line 24290: .mfp-content .td_login_tab_focus { background-color: #4db2ec }
Line 24310: .mfp-content .td-login-panel-title { background-color: #4db2ec }
Line 24318: .mfp-content .td_display_err { background-color: #4db2ec }
Unless I am mistaken, won’t these elements overwrite any custom themed colours defined in the theme panel for the login menu on a greater than 767 pixel display ? No big deal, I suppose, but it will most likely reset colour schemes for some people (and only in the logon modal on a bigger screen).
For now, I have simply remmed them out in my code, but this seems very clunky and obviously will reset when the next GA comes out.
… Or am I doing something the wrong way (entirely possible)?
Hi,
Thanks for the answer. If i want to use a background image how can i do. Please tell me file name of this CSS and where this file is located.
Also please give me answer of question which have in bellow attached file.
https://www.dropbox.com/s/g9x2npgop9dy62s/Printscreen.jpg?dl=0
Kind Regards
Zeeshan
I could not install it because the theme does not have the style.css required to install.
Thanks a lot Catalin.
Was already more or less done with adding the functions. I’ve also added several new grid types, new gradients, new sort functions (most comments 24H, 48H, 1 Week, 1 Month) and a few Jetpack-related ones also. Including the first one i added (block categories for based on parent “block” category).
Just finishing up the CSS now.
One thing tho. You should take a good look a your 7 days stat function based on views. It will cook even a relatively small site due to db load. Queries without indexes (wp meta should be banned forever if you ask me) is never an option 🙂
Let me know if you want the diff-files. I’ve done a lot of modifications and by now added quite few functions.
Have a neat weekend 🙂
Thanks Bogdan,
The reason why your ipad menu for say what looks good is you limited your characters:
Home
Celebs
Relationships
Scandal
More
But what if your categories have more letters, then it’s a problem and the width between has to be shrunk, font size has to be shrunk, arrow down has to go..etc..
All i want to do i guess is shrink some space between categories…and maybe remove the arrows… via css..
Hi Catalin,
thx for your reply! Would you mind to explain why I have to switch to the td_module_single_base.php instead of just using the style.css?
The reason I’m asking is that I’m currently already using the style.css for several css modifications (which btw started the moment a member of your support team suggested to modify stuff like that 😉 (that was another question i’ve posted several days ago).
Thanks!
Hi,
Sorry for the late answer but we answer from oldest to newest. If you post a reply again your post will refresh and move to the newer ones.
We already have this on our bug list and it will be fixed in a future version of the theme. It is a simple css value that can be changed with this code:
#td-outer-wrap{
overflow:visible!important;
}
Add this code in the theme panel-custom css box.
Thank you!
Hi,
Unfortunately this cannot be done only with custom css it requires also javascript code which is used on both designs and this is not an easy task. It is not a simple css code and I cannot provide you a solution, sorry!
I have already add this request on our features list and we will consider for future to add a second Homepage Post block like it is on Newsmag theme – http://demo.tagdiv.com/newsmag/homepage-news/ but I cannot provide a date when it will be implemented.
Thanks!
Hello Phonetic,
Please notice that our Big Grids have not been designed to show the icon and number of comments, but with a bit of customization might be done this. So, as you known, the Big Grids uses some modules in its structure. First of all, you will have to identify which types of modules contain your Big Grid and then you will have to add the function which calls that feature, like this -> http://screencast.com/t/HCqw9da6 ->> this is just an example for Big Grid which contains the module mx5. Here you can see the list where you can find which modules are used in Big Grids, like this -> http://screencast.com/t/qPyUiAJNr Please notice that you will have to manually add this code for each module from your Big Grid. The result you should see here -> http://screencast.com/t/GMaCzUqZk
Keep in mind that it is possible to need some customization with CSS in order to achieve best results but these will have to do yourself because we cannot provide customization services at the moment, sorry!
Hope this helps!
Thanks for your understanding!
Hi,
This issue is due to the fact that the theme does provide a black version, but visual composer elements are stand-alone and are not affected by the theme style. THe masonry grid is one of these elements. Styling is added by visual composer and the text is being changed due to the black demo. Visual composer elements do not know which style you use so the color cannot change based on the demo installed. Unfortunately the masonry element has no background options. In this case you need to use a css trick to do it.
Please use this code in the theme panel custom css code:
.vc_grid-item-mini .vc_gitem-zone{
background-color:#1a1a1a!important;
}
Thank you!
I’d like to also point out that the borders are not also working in the CSS Box:

Am i right?
To hide the sidebar on mobile i must use this code:
@media(max-width: 768px){
.td-main-sidebar{
display: none!important;
}
}
… and put it to custom css area in Theme panel?
Thank you!
Hello rafpigna,
First of all, please try to disable all the active plugins, leave just Visual Composer to active, clear all your caches and install only the plugins that come bundled with our theme and rule out the conflicting plugins and then check if your problem is still there please try to use the code below and place it in Theme panel->Custom CSS area.
The code is ->
.woocommerce #tab-description img {
margin-bottom:auto!important;
}
The results -> http://screencast.com/t/O5cmldEv09MS
Thanks.
Hi guys, use in the startpage the feature homepage post (works well).
See post template 8
http://demo.tagdiv.com/newspaper/td-post-2015-awards-all-of-the-best-and-worst-moments-from-the-show/
TASK
On my startpage I have to change the desgin of post template 8 > like optic to post template 7 | plus without arrow
See post template 7
http://demo.tagdiv.com/newspaper/td-post-lenovo-details-new-computers-that-could-be-heading-our-way-in-2015/
My question:
Tried several times and could not found a solution. Can you give me a css tip?
Many thanks, Manfred
So
By taking out the child-theme it works…However now my question is:
I can’t use a child theme with Newsmag? Even with no css modification the child-theme itself give problems, I’m pointing the child-theme to ./stule.css should I do it to other file?
Thanks
Hello studentmoneysaver,
Sorry for my above bad understanding. Please notice that here is talking about our mega menu feature. So, if you have a parent category and it has more subcategories, all of these will appears on your mega menu to the right side when you hover over on this and also, if you have a parent category and it has not the subcategories in your menu will appear only 5 posts as in your first image and you do not make any settings because this is the theme behaviour and this is the default style. For more information about mega menu, please check here -> https://forum.tagdiv.com/mega-menu/
Unfortunately, our blocks have been designed to be used only the default/standard width of our theme (1068 px) like this -> http://screencast.com/t/O5vkPg5jAT9E Please notice that if you want to achieve that Slider to be in full-width you will have to increase the width of the theme and we do not recommend this. Unfortunately, our theme has not been designed to offers you a way to increase or decrease the width. Please notice that our theme does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode (for example), please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results. If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Another alternative for you if you want to use a slider in full width is to use the Revolution Slider according to documentation here -> https://www.themepunch.com/revslider-doc/slider-revolution-documentation/
Thanks for your understanding!
Hi,
I will add this problem to our bug list and we will fix it in a future version of the theme. This is a javascript code that hides every subcategory based on the screen size so a simple css fix is not viable in this case. Please use a category template without the sub-category until we are able to fix this bug.
Thank you!
Hi there,
I want to target h1-h6 in my style.css, but I can’t find a way to distinguish between page h1-h6 and post h1-h6.
If I e.g. use
.td-post-content h1, h2, h3, h4 {
font-family: ‘Francois One’, sans-serif!important;
font-weight: bold!important;
…this not only applies for my posts, but also for all my pages (widgets!).
Can you help me out here?
Thanks!
Hello,
I have checked your website and I saw that your margin-right is too much and that’s why your text will fall down to the second row. Please try to use the code below and place it in Theme panel->Cusotm CSS area.
The code is ->
.td_data_city {
margin-right: 60px;
}
The result -> http://screencast.com/t/tjHZvehqyJGl
Thanks.
Hi
Try this css in theme panel > custom code > custom css to reduce logo’s margins: http://screencast.com/t/Q0k8HFZcikU
.td-header-style-10 .td-logo-wrap{
margin: 10px 10px!important;
}
Let me know how it goes.
Thanks!