- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
ok I added the code you suggested to the custom CSS. There was already other custom CSS there from a past problem we tweaked to keep the ad and logo on the same line – here is the code i have now
body.td-animation-stack-type0 .td-animation-stack .entry-thumb, body.td-animation-stack-type0 .post img {
opacity: 1 !important;
}
.td-header-style-1 .td-header-sp-ads {
width: 510px !important;
}
.td-header-sp-logo img{ width: 100%; max-height: 150px; } .td-header-sp-logo{
width: 500px;
} .td-header-header {
margin-top: 15px;
margin-bottom: 35px;
}
The margins on the top and bottom of the logo are a little off.
Can you tell me how it looks on your end and if I should tweak the code additionally?
Thanks again.
Hi,
How do I remove all the CSS I’m not using (BBpress, Buddypress, Woocommerce)? I also want to remove it in style.css…Thank you.
Hi,
On smart list 8, I want to delete second dropdown and I don’t want to show the numbers. Maybe to hide them with css code.
You can see on this post, what i am talking about>
Thanks in advance
Aleks
Thanks this is perfect.
I have another request should I open a new topic ?
Please check the mobile layout of http://www.clique.tv
When clicking on menu they have set a background image on each section
I tried to make a css rule but could not figure the element ID of the menu (for ex /?cat=88)
Thanks
The online CSS minifier should not “crash your browser” when using it … you might want to try a different web browser like Chrome, where it works perfectly on both Mac and PC.
It’s what I use to minify CSS for all my sites.
Thanks for your reply. Instead of using Cloudflare, will you recommend some offline 3rd party tools to minify CSS files?
(Note : Tried various online tools which leads to crash my browser)
Hi,
You can find Chris’s recommendations in this regard here: https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/#post-37493 so you can try like he recommends doing this.
You can also try and test the minified version we use on our demo: http://demo.tagdiv.com/newspaper/wp-content/themes/011/style.css?ver=6.5_d38 but make sure that you use latest theme version.
We use cloudflare’s mifnication on our demo without any issues. We still need to test this more rigorously and we will do that in the next few days so we can be positive in this regard but you could try it yourself and see how it goes. We will update this tread once we test this and have and accurate answer on this.
Thanks!
Hi,
You can make it wider if you want with this custom CSS:
.white-popup-block{
border:1px solid black;
border-radius: 10px;
max-width:700px!important;
}
div.userpro-294 {
max-width:600px!important;
}
Thank you!
Hi
For some reason the header warp have a height by 900px on the product post page, that’s why appear that blank space. Try to deactivate plugins except Visual Composer and Woocommerce, clear all caches and test again. if the problem persist try this custom css in theme panel custom css: http://screencast.com/t/mOPfX2IMQ
.td-header-wrap {
height: auto!important;
}
Let me know ho it goes.
Thanks!
here is the screenshot
icon weired pic.twitter.com/lvSCuuQ481
— Jerry Ding (@ArchangelKiller) October 12, 2015
it seems that all icons are not loaded correctly. And Query Monitor detected that there are 5 css missing.
contact-form-7
font-awesome-four
rs-plugin-settings
google_font_open_sans
google_font_roboto
I intalled them directly through wordpress plugin page.
Any ideas, guys?
Hello,
You can try to disable ajax view count: https://forum.tagdiv.com/ajax-view-count/
If this doesn’t work, please make sure that you use the latest theme version and check this only with Visual Composer active, disable all other plugins and clear cache, maybe the issue is caused by a plugin and refresh an article and see if the view counter increments.
If you want you can remove it with this custom CSS:
.single .td-post-views {
display: none;
}
Let me know how it goes!
Thank you!
Hi
Try using this css class sf-menu or the specific id for the main menu, you can obtain the id by inspecting the element (main menu) in browser developer tool: http://screencast.com/t/k2qAvilZxlWa
Note that we didn’t tested this plugin with the theme so I am not aware of its functionality. For more details check the plugin’s documentation or try to contact the author and ask him for advice.
Hope this help.
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hi!
You can make them appear if you change the code i gave you. Change this:
.td-header-sp-top-widget{
display: none!important;}
to this: .td-header-sp-top-widget{
display: inline-flex!important;}
They will appear but positioning and making them responsive is a challenge all by itself. You need a bit of CSS knowledge to achieve this. If not, you can hire a freelancer to do it for you if you really need to.
Thank you!
Hi,
Please make sure you update the theme properly via ftp, make sure all the files were uploaded. Then clear cache and purge your files if you use CDN and also disable all the plugins except of Visual Composer and check if you still have this issue. Also disable any css/js minification.
The latest version of Visual Composer was tested with the theme and we did not found any issues.
Thanks!
Hello,
You can adjust these settings using custom CSS.
Here is a sample of how you can achieve this. It may need a few adjustments, but this is how it can be done:
@media (max-width: 767px){
.blog-stack #td-top-search {
position:absolute!important;
right: 0px!important;
top: 0px!important;
}
.blog-stack .header-search-wrap .dropdown-menu{
left:-270px!important;
}
.header-style-3 .container-fluid{
position:relative!important;
left:-45%
}
.header-style-3 .td-logo img{
width: 35px!important;
}
}
result: http://screencast.com/t/EyBNNZ6vgj
Thank you!
Hi
The theme was designed to display the logo at 272x90px. To increase the size you need modify the width value of this class .td-header-sp-logo, default value is: 248px;
.td-header-sp-logo{
width: 384px!important;
}
.td-header-sp-logo img{
width: 100%;
}
Note that you will need other customization for the layout such that the elements fit well according with the new logo size. You can find useful information abut css here: http://www.w3schools.com/css/default.asp or if you can’t do it yourself my advice is to look for a developer from sites like studio.envato.com to do it for you, as we can’t offer customization services at the moment.
Thanks!
Hi Gwen,
You can try this custom css in Theme Panel > Custom Css – http://screencast.com/t/aJfMSuTPS
.td-post-template-4 .td-post-header-holder {
margin-bottom: 0 !important;
}
.td-post-template-4 .td-post-featured-image .entry-thumb {
margin-bottom: 10px;
}
Thanks!
Hi,
Please use this custom css in Theme Panel > Custom Css – http://screencast.com/t/rx20qkVo
.header-logo-wrap {
margin-top: 40px !important;
margin-bottom: 40px;
}
Thanks!
Great it’s working fine but i’ve two question :
i just add the :
.td-login-wrap {
padding: 21px 21px 17px;
}
#login-form .mfp-close {
display: none;
}
to my theme custom css
Is it possible to make it larger ?
My second question :
on top bar menu, i have my account name, is possible to redirect it to my userpro menu instead of /author/shadow/ ?
Thanks
Hi,
Do you want to have the same display that you have on post pages also for modules? Something like this – http://screencast.com/t/Y43bbYoF
You will have to replace the comments function for modules, just edit td_module.php file and replace it with this(make a backup of your current file) – http://screencast.com/t/S78o6GjasT – http://pastebin.com/gXQpWX1r and use this custom css in Theme Panel > Custom Css – http://screencast.com/t/PsqnqYZS
.td_module_wrap .td-post-comments {
display: inline-block;
float: right;
}
.td_module_wrap .td-post-comments .td-icon-comments {
margin-right: 5px;
font-size: 9px;
position: relative;
top: 1px;
}
Thanks!
Hi,
Please try this css in Theme Panel > Custom Css – http://screencast.com/t/8V2pCFwXJqf
.post .td-sub-title {
clear: both;
}
Thanks!
Hi
Indeed your logo is smaller than the dimension you indicated: http://screencast.com/t/oNCaXnGroTqm
Try this custom css in theme panel > custom css to increase its size: http://screencast.com/t/KSNBsrjvTpeO
.td-header-sp-logo img{
width: 100%;
max-height: 150px;
}
.td-header-sp-logo{
width: 500px;
}
.td-header-header {
margin-top: 15px;
margin-bottom: 15px;
}
Let me know ho it goes.
Thanks!
Hi
I did tried various online minification tools to minify the Newspaper theme CSS and Visual composer CSS.
When i try to minify the CSS files using online minifier tool, browser getting crashed. Will you please suggest me the better way to minify CSS files without any issues?
Hello Navito,
The only way to widen the theme is with custom modifications. This will not be an easy task as all elements on the site need to be adjusted to the new width. In this case we recommend hiring a freelancer to do the work for you if you don’t know your way around css because unfortunately we cannot provide custom work.
Thank you!
Hi,
Using Visual Composer pagebuilder, you can create/add buttons only for page content.
If you want to add it next to the header ad, you will have to edit the code:
*Here is the header ad – http://screencast.com/t/CcAmZjkSz
*It is used for each header styles(to have it in different position) – http://screencast.com/t/wNhmPEIHj7oh
So you cannot achieve this only if you alter the code and use the shortcode directly there and some css for positioning.
Thanks!