- 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
An elegant solution. Thanks!
I had to add “important” to the CSS and it now works perfectly:
.td-social-google {
border-radius:20px!important;
}
.td-social-pinterest {
border-radius:20px!important;
}
.td-social-facebook {
border-radius:20px!important;
}
.td-social-twitter {
border-radius:20px!important;
}
Thanks,
Melissa
Hi. I’ve been using td_module_10. I made some CSS customizations to it and it works and looks good.
http://prntscr.com/9y3kw9
Then I wanted to make thumbnail bigger. Now they are 218×150. This is defined also in td_module_10.php file.
I managed to do some css to it and set thumb to 260×180. But then the thumb gets blurry. I used regenerate thumbnails/force reg. thumbnails plugin but nothing happens.
When I edit td_module_10.php file and replace 218*150 to 260*180, the thumbs disappear from the element on homepage.
Where should I make these changes (define thumbnail size for module 10) so the actual thumbnail rendered is 260*180?
If I just use css the thumb that gets loaded is 218*150, just little bit enlarged, which results in blurry thumb.
I found the answer on envato support but screenshots you gave as answers are expired.
Thanks
Hi
The ids are a bit different then the name of the css file for a specific plugin or for the theme. In order to work you need to use this ids as it’s indicated in our documentation, and also make sure that the Speed Booster plugin is active.
For more details about page-speed and Speed Booster usage please check this topics: https://forum.tagdiv.com/topic/speed-booster-questions/ – https://forum.tagdiv.com/topic/slow-website-with-newsmag-theme/
Thanks!
Hi, i have a problem with the comments on my website. I was able to disable them, but for some reason it still says “Comments 0 comments”. I do not really have any experience when it comes to editing code, so would be nice with some help. Tried a css code i found on another forum, but it did not help.
Website : The Sport Bench
Hi
I suspect that there is a css issue but I am not sure why this happens. Could be possible that the theme’s css to be overwritten by an external cas. Try to deactivate all plugins except Visual Composer, clear all caches and test again.
Let us know how it goes and if the problem persist please provide your site url so I can inspect it closer.
Thanks!
I Have applied 5th Step https://forum.tagdiv.com/how-to-make-the-site-faster/

But, there is no any change. I could nof find corresponding id in my list id of css and js.
registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
dashboard | /wp-admin/js/dashboard.min.js
customize-loader | /wp-includes/js/customize-loader.min.js
plugin-install | /wp-admin/js/plugin-install.min.js
media-upload | /wp-admin/js/media-upload.min.js
thickbox | /wp-includes/js/thickbox/thickbox.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
td_wp_admin | http://www.syamsq.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://www.syamsq.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://www.syamsq.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://www.syamsq.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_edit_page.js
td_wp_admin_demos | http://www.syamsq.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_demos.js
td_page_options | http://www.syamsq.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_page_options.js
td_tooltip | http://www.syamsq.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/tooltip.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
AF_panel_style | http://www.syamsq.com/wp-content/plugins/arabic-font/css/panel.css
thickbox | /wp-includes/js/thickbox/thickbox.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://www.syamsq.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
Thank you! But when I paste these codes in Theme panel -> custom code -> custom css don’t work! Please, how to fix it? My web is informeinsolito.com
-
This reply was modified 10 years by
rcallejonvillalobos.
Hello,
You can use shortcodes in posts also. You can activate visual composer for posts and add content blocks to your post directly: http://screencast.com/t/F4Kx1KXAqM (this option could create a few css issues as it’s not tested)
It depends on the shortcode if a post can accept it or not. for example you can use a custom ad spot in posts using an ad box shorcode: http://screencast.com/t/RlCcYPp2PK – http://screencast.com/t/x6Oiqytc result: http://screencast.com/t/y4UdT4lLez
I hope this helps.
Thank you!
Hi
Try this css, it should display the logo on mobile devices: http://screencast.com/t/rSfnmKejirXJ
@media (max-width: 767px){
.td-header-sp-logo {
display: inline!important;
}
}
Thanks!
Hello Andrii,
Unfortunately, our theme -Newspaper- does not have such quick option to set the borders as shown in Newsmag. You have to add them manually using some CSS code. Please notice that is not a simple task and implies custom work. If you are not aware the steps in this regard, please consider hiring a freelancer/developer to do this for your because we cannot provide custom services at the moment, sorry!
Thank you for your understanding!
Hello Nicolai,
The style you use (9) uses the full logo (it does not re-size your image). To decrease the size, you can simply edit the logo in any photo editor and decrease the image size.
Alternatively you can use css to do it:
.td-logo{
width:60%!important
}
I hope this helps.
Thank you!
Hello daran,
If you want to change the background-color of this element, please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.wpb_widgetised_column .block-title > span {
background-color: red
}
.wpb_widgetised_column .block-title {
border-color:red
}
The result you should see here -> http://screencast.com/t/U2teMRQ4WvjV
Hope this helps!
Thank you for the message!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/Gw9a4U3hWcd
.sf-menu > .current-menu-item > a:after, .sf-menu > .current-menu-ancestor > a:after, .sf-menu > li:hover > a:after, .sf-menu > .sfHover > a:after {
background-color: transparent!important;
}
.sf-menu a:hover{
color: red;
}
Thanks!
Hello,
1) Unfortunately I cannot provide a quick solution for the comments text. This will have to be made custom or as an alternative you can maybe find a plugin that has such functionality.
2) you can remove the email box with css like so:
.comments #email{
display:none!important;
}
SImply add the code in the theme panel->custom css box.
Thank you!
Hello BretonGroup,
If you want to remove the More Author feature, please try the code below and add it in Theme panel->Custom CSS area.
.td_block_related_posts .td-related-right {
display:none;
}
The result you should see here: http://screencast.com/t/x1l7A2ti
Thank you for the message!
Hello BretonGroup,
Our Facebook and Twitter buttons are a bit different and have other dimensions. Please try the code below and add it in Theme panel->Custom CSS area.
.td-social-google {
border-radius:20px;
}
.td-social-pinterest {
border-radius:20px;
}
.td-social-facebook {
border-radius: 20px;
}
.td-social-twitter {
border-radius: 20px;
}
The result you can see here -> http://screencast.com/t/sOHfBFGNYsUu
Hope this helps!
Thank yu for the message!
Hello,
You can remove the twitter option from the like/tweet part by using css.
In order to remove the g+ and pinterest you can use the same css method. This code will remove all 3 buttons:
.td-social-pinterest,.td-social-google,.td-classic-twitter{
display:none!important;
}
Unfortunately the tweet counter cannot be added so easily so we recommend using a sharing plugin for it.
Thank you!
Hello,
1) The top menu does not appear on the mobile version by default. This was a design choice. It can however be activated with custom css:
@media (max-width: 767px){
.td-header-top-menu-full {
display:block!important;
}
.td-header-sp-top-menu{
display:block!important;
}
.td-header-sp-top-widget{
display:none!important;
}
}
2)If you only want the menu to be sticky on mobile, you can use this css to remove the sticking menu from tablets and desktop:
@media(min-width:767px){
.td-affix{
display:none
}
}
Thank you!
Hello,
It actually depends on the post template used. Different post templates use different containers and some of them need to be targeted with css. Please run a test on the templates you use to see which ones work with the css and which ones do not so i can provide the code for the ones that do not work.
Thank you!
Hello Vesa,
In order to achieve the best results after you will install the latest update you have to follow some rigorous steps like this -> you have to delete both of your themes, child theme, and main theme. All your customizations from your Newspaper 4 child theme will do not work because all the files from this were changed in Newspaper 6 and as the main theme and also you lose all changes.
Newspaper 6 is a whole new theme so an update from 4 to 6 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).
Always make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come bundled with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.
The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom CSS will not work with the new version and you will have to adjust or re-add them.
Bottom line is that newspaper 6 is a whole new theme built from scratch.
Unfortunately, you will have to clear your agenda and spare a bit of time to adjust all your settings to the new version of the theme.
If you have already Newspaper 6 and you want only to do the update to latest version, you should make this without any problem. All your customization are recorded in the database which is not affected by this update.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi,
You can use this css to reduce a bit of the bottom margin from the top block element:
.td-travel .td-travel-features .td_block_wrap{
margin-bottom: 5px!important;
}
result: http://screencast.com/t/jryPyeRspc0n
Thank you!
Hi
You can try this css but then will be disadvantage because this border will become visible in footer: http://screencast.com/t/pi3OtdNStAc4 This is the only way to fix this for the moment. Another solution would be to edit the plugins files and try to increase the z-index for the drop-down menu. This is not possible with custom css from “outside” because the drop-down menu it’s it’s whitin an iframe and can’t be targeted.
Hope this help.
Thanks!
Hello muaythaiguy,
If you want to disable the header ad for a specific category you can achieve this if you hide it with a bit of CSS using category ID. Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.category-7 .td-g-rec {
display:none;
}
The category ID you should find like this -> http://screencast.com/t/cAg7YkzA
The result you should see here -> http://screencast.com/t/0e29coKJp
Hope this helps!
Thank you for the message!
Hello,
Please use this custom css:
.td_module_1 a[href*=excel]{
background-color: #666666!important;
}
.td_module_1 a[href*=explore]{
background-color: #59b1ff!important;
}
.td_module_1 a[href*=expand]{
background-color: #214572!important;
}
Thank you!
Hi
Please check this tutorial about how can you add icons to the menu: https://forum.tagdiv.com/newsmag-how-to-add-icons-in-menu/ and the css class for the icon indicated in the image can be found here: http://fortawesome.github.io/Font-Awesome/icon/bars/
Thanks!