- 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
Hello Sylvester77,
As a quick workaround, please try to use the following code to fix your issue. Please the code below and place it in Theme panel->Custom CSS Area.
The code is ->
.td-pb-span12 .td-slide-on-2-columns .td-slide-galery-figure {
width: 100%;
}
The result you should see here -> http://screencast.com/t/qMgjNbzMq
I suspect your problem that was caused by your untested plugins. Please try to disable all the active plugins, leave just Visual Composer to active, clear all cache and install only the plugins that come bundled with our theme and rule out the conflicting plugins.
Thank you for the message!
Hi,
That widget seems to come from the flexslider plugin and has a 60 px bottom margin. You can use this css to reduce it:
.flexslider{
margin: 0px 0 15px!important;
}
Thanks.
Hi,
Unfortunately this is a known issue and we are working on fixing this. The solution at the moment is to have the menu items link to # and have the sub-menus provide the desired content mega-menu or simple sub-menu.
The hamburger menu method is not so easy to apply as you need to change the css for it and it will be a tedious task as there are lots of entries that need changing.
Thank you for your understanding.
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/ap9kbdornyYe
Thanks!
Hi,
It may be done with css if you set it to display both time and date from the php files and then hide the time with css with display:none; Then you can activate it with display:block or display:inline but only on the page itself in a row in visual composer with a custom class so it can be targeted with css. It cannot be done in the sidebar however.
I hope this helps.
Hi,
There are 2 ways to add css code in our theme. The first and most easy way is to add it in the theme panel->custom css box. the second one is adding it directly inside style.css found in the root directory of the theme files. Add the code at the very bottom of the file.
Hope this helps.
Thank you!
So can i get it done with just the css
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/27KwjcMbd7
.td-header-main-menu {
border-radius: 13px;
}
A 3px radius won’t be to visible so I’ve used a bigger value for the demonstration but you can change it as you want.
Thanks!
Hi,
Unfortunately the theme has no settings for this but you can use a bit of css to do it:
.td-search-wrapper{
display:none!important;
}
Thank you!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/UZE72WeCMB
.sf-menu .td-icon-menu-down{
display: none;
}
Thanks!
Hello,
Category tags can be enabled or disable for a specific module, but if that module is used on different blocks, then there is no setting from the theme panel to filter this out.
You can however use a css code to hide the category tags for other big grids like so:
.td_block_big_grid_1 .td-post-category,
.td_block_big_grid_4 .td-post-category,
.td_block_big_grid_6 .td-post-category,
.td_block_big_grid_7 .td-post-category{
display:none!important;
}
Thanks.
Hello res,
1),2) If you want to change the color of the text shadow color and the opacity, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-grid-style-4 .entry-title {
background-color: rgba(77, 174, 236, 0.9);
}
The result -> http://screencast.com/t/FIXyJ3DA
Thank you for the message!
Hi
You can make the icons background-color white using this css: http://screencast.com/t/oOSao1VCu
@media (max-width: 767px){
.td-mobile-content .td-header-sp-top-widget{
width: 100%;
}
.td-header-sp-top-widget {
right: 0px;
}
.td-social-icon-wrap > a{
margin-right: 10px!important
}
}
Thanks!
Hello chewak,
I suppose that you are referring to the color of the excerpt. If you want to change the color of this feature, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-excerpt {
color: black;
}
If is not what you mean, please provide more details about your desired changes so I will be able to provide a more accurate response.
Thank you for the message!
Hi
Try this css in theme panel > custom code > custom css and modify the height value as you want: http://screencast.com/t/nn6OX0R9Ck
.td-theme-slider.iosSlider-col-3, .td-theme-slider.iosSlider-col-3 .td_module_slide, .td-theme-slider.iosSlider-col-3 .td-module-thumb img{
height: 500px!important;
}
Thanks!
Hello
If you want to hide this button, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
#wp-admin-bar-our_support_item {
display:none;
}
Thanks.
Hi,
Thank you for your kind words and appreciation.
1) Thank you for pointing this out. There seems to be a problem with the alignment on mobile. You can use this custom css to fix it and i will add this to our bug list and fix it in the next version of the theme:
@media(max-width:767px){
.td-social-style-2 .td-social-icon-wrap{
margin: 5px 5px!important;
}
}
2) I’m not sure how your plugin ads the separator to but this is just a symbol and it should not affect anything. The plugin you use is not tested so I cannot say for sure if it will work properly. The plugin we recommend for seo is SEO YOAST as it is tested and works properly with our theme. (It will also control the separators.)
Thank you!
Hello GOT,
If you want to achieve the same layout, you have to reduce the padding-bottom for your Big Grid 4. Please try a bit of CSS code to do that and place it in Theme panel>Custom CSS area.
The code is ->
.td_block_big_grid_4{
padding-bottom: 2px;
}
The result you should see here -> http://screencast.com/t/07VOpBJBsv
For more information about “How to use Visual Composer”, please check here -> https://forum.tagdiv.com/how-to-use-visual-composer/
Thank you for the message!
Hello res,
If you want to hide the Footer Logo and Footer Retina Logo, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-retina-data {
display:none;
}
.footer-logo-wrap{
display:none;
}
Also, If you want to have control for your footer section, please check the footer area from the Theme panel, like this -> http://screencast.com/t/x0KRMMHsk
For more information about Footer section, please check our documentation here -> https://forum.tagdiv.com/footer-templates/
Thank you for the message!
I have the same problem with the images. I changed the file style.css but it still does not work What I can do?
I’m a newbie how do I complete step 3 of this, the stlye.css
*****************************************************************
UPDATE –I Realized I needed to unzip that file, and indeed I found the correct file to upload to WordPress and it worked fine. Here’s the file that you upload: Newsmag.zip
I do have one question. I see this file in the folder: patch_2.3.5_2.3.6 Do I just upload those files (via ftp, for example) to the server? Or are those files already included in the latest version — which I purchased and downloaded today.
BTW I installed the demo (Tech News demo) and it looks really great. So many features!
Rowby
*********************************
Hello
Just purchased and tried to install themeforest-9512331-newsmag-news-magazine-newspaper.zip
Wordpress Version 4.5
I get this error:
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme install failed.
Please advise what to do. I need to make this site live ASAP.
Thanks
Rowby
Hi,
i need a cusotm pop up with some html text in it like the login pop up. I FOUND the login POP UP code in top-menu.php. Any idea how to duplicate this widget?
Would be awesome. Im familiar with css, html and php – just guide me a little bit please.
thx
Well, I am seeing lots of users of Newsmag theme have problem of images not showing up. Even our website http://www.kabir.org had the same problem.
I tried the solution as suggested by other developers: Here is the guide on how to update the plugin – https://forum.tagdiv.com/how-to-update-visual-composer-plugin-wpbakery/
This still did not help in my case and I am seeing in other websites case well.
Solution that worked for me:
– I found it’s not cache or some other issue.
– The issue is with jquery script it’s not changing the opacity of images
– Go on style.css in theme folder line no: 23884
– Change the opacity of images from o to 1 in CSS file. (0: hidden; 1:visible).
Problem solved. Images showing up again.