- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hello sejpost,
1) You could do that using a custom CSS but be carefull because it will stretch the white container over your content: http://screencast.com/t/30mgfGny
.block-mega-child-cats {
overflow-x: visible;
overflow-y: visible;
max-height: 400px;}
2) The ‘newspaper’ mega menu was styled differently from the ‘newsmag’ one. Unfortunately there is no ption for this in the theme panel so you need a bit of css to change the appearance, but it requires a lot of modification as other elements are affected by the position of the sub-category list. You can start by targeting the td_mega_menu_sub_cats class and go from there.
3)You can read here how to create a custom ad and then you can insert your code in the theme files:http://screencast.com/t/vp4z0dM0W4J7 – https://forum.tagdiv.com/how-to-insert-ads-in-custom-areas-of-the-website/
Unfortunately we cannot offer custom work as we work hard on the development, updates, fixes and support.
Thank you!
Hi all,
Here’s what I did step by step to add a custom Whatsapp button:
1. Created a child theme, added an includes/module directory
2. Copied td_module_single.php file from theme’s original location (/wp-content/themes/Newspaper/includes/modules/td_module_single.php)
3. Added FA awesome menu plugin
4. I wanted to keep pinterest but you can delete as well. So, I kept pinterest and below that, I added the following code (before closing div):
<i class=”fa fa-whatsapp fa-lg”></i>
5. Go to custom css area of your theme panel, and add these:
.td-social-whatsapp {
background-color: #60b82d;
}
.td-social-whatsapp .td-icon-whatsapp {
font-size: 24px;
position: relative;
top: 2px;
left: 1px;
}
.td-social-pinterest {
margin-right:8px;
}
@media (min-width: 787px){
.td-social-whatsapp {
display: none !important;
}
6. Voila! Now you see Whatsapp icon only on tablets and mobile – don’t worry if you don’t see it on your desktop.
Good luck
Hello Alessandro,
The recent comments title color can be changed with the theme accent color from the theme panel: http://screencast.com/t/RRFD00xZEj
Note that if you leave it to default it will remain black.(if you prefer the default color, pick one very close to the default one from the color picker)
Result:
http://screencast.com/t/hX2dwugkv2s4
For the couter bubbles, you need to add a custom CSS to change their color:
.td-module-comments a {
background-color: #4db2ec;}
Add this code in the theme panel->custom css box
Thank you!
Hi IngGeek,
You mentioned using Above the Fold plugin. Could you be kind to explain how you set it up? I tried to use the server side feature but my server doesnt have phantomjs nor cleancss installed and I have no clue on how to install it. I also tried to manually create the critical css but it only creates for one page only. At my current setup I have different templates for posts, i.e., using template 1 for some posts, template 4 for others and template 11 for videos. Each one has a different above the fold css, so it becomes tricky to do it manually.
You can answer in spanish if you prefer.
Thanks in advance!
Hello Derek,
This happens when adding a lot of menu items. You can use this custom css code to reduce the spacing between the menus.
Add the code in the theme panel->custom css box
.sf-menu > li > a {
padding: 0px 10px;
Thank you!
Am I write, that instead of the code from the manual ‘How to make the site faster’ – >
$this->move_style_to_footer(‘FILE-ID’);
in new speed booster we use ->
$this->move_style_to_footer_queue
If so, there is a question from me. I followed all the steps from manual, but PageSpeed Insights still shows me that in the header thare both js and css. My page http://showtopmodel.ru Could you please have a look and recommend.
Hi,
I see that you have many warnings regarding buddypress, so please check the System Status to see if the speed booster plugin is active as it becomes automatically inactive if other plugins rather the tested ones are used – http://screencast.com/t/zcTc7xzcb
If you want to make it work with all plugins you will have to remove this code – http://screencast.com/t/RZLIOPUNdqh
It should remove the js and css for specific id without issues, but please check this in the page source as on pagespeed test may not be removed all the render block warnings.
Thanks!
Hi cha_siu123,
Newspaper 6 is practically a new theme, the whole code was rewritten so you have do a clean update and make sure that no old files remain. Please follow this guide to upgrade to the version 6 of the theme – https://forum.tagdiv.com/how-to-update-the-theme-2/ Make 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. Then update also the theme plugins: Visual Composer (also optional plugins Social Counter, Speed Booster if you use them). You will have to run the script that will import from database your settings, will change the shortcodes(see docs)…
Please note that the old custom modifications to the files or custom css will not work, you will have to adjust and re-add them. Unfortunately you have to re-add the widgets to your sidebars(the custom sidebars will be imported – you don’t have to create them again) as they will become inactive or doesn’t exist in version 6.
If you don’t wan to upgrade the theme to version 6 you can revert to the old version that you used, just install the previous version and all should work fine.
Thanks!
Hello scorpiock.
Unfortunately there is no other option. The option from the theme panel is a general option. It removes the author across the whole site. If you don’t want this you can either use the CSS or the file modification I’ve pointed out above.
Thank you!
Hi,
@colors issue – Do you use a cache plugin? try to clear the cache and see if the changes are active. Also check if the settings in Theme Panel are actually saving or they return to default when you get back in the Theme Panel area.
@excerpt (summaries) – i see you use the Homepage – with article list template , you have to edit the main page and change the module used, you use module 15 which displays the entire post, just chose one which comes with an excerpt – http://screencast.com/t/oL1fDyyg0G
@author box – you could create a similar author box and add it into the sidebar on the main page. Use html and custom css. It’s a blog and it would be strange to display an author box after each post on the homepage if the author is the same on all posts. if you refer to something else please provide more details.
Thank you!
Hi,
i’ve been looking to change the color of this thing (red arrow) but without much success.
Can someone help me please? http://screencast.com/t/R7BQYYvFdNG
**bonus objective** the blue arrow is pointing at the lower tip of the comment counter bubble which doesn’t respond to the color change via css from custom css panel. I’d like to set it to be the same color cause like this its visible and doesnt look great.
Thanks
Alessandro
Eliminate render-blocking JavaScript and CSS in above-the-fold content, I have not been able to rectify this problem for page speed, I have followed the tutorial you’s posted but the id’s don’t match anything showing up.. my site is http://www.smag31.com
Here is my .htaccess(chmod 755):
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteRule ^other/(.*) /wp-includes/$1?putyo_hide_my_wp=pass [QSA,L]
RewriteRule ^file/(.*) /wp-content/uploads/$1?putyo_hide_my_wp=pass [QSA,L]
RewriteRule ^ext/(.*) /wp-content/plugins/$1?putyo_hide_my_wp=pass [QSA,L]
RewriteRule ^skin/main\.css //index.php?style_wrapper=1&putyo_hide_my_wp=pass [QSA,L]
RewriteRule ^skin/style.css /nothing_404_404?putyo_hide_my_wp=pass [QSA,L]
RewriteRule ^skin/(.*) /wp-content/themes/Newspaper-child/$1?putyo_hide_my_wp=pass [QSA,L]
RewriteRule ^Newspaper/(.*) /wp-content/themes/Newspaper/$1?putyo_hide_my_wp=pass [QSA,L]
RewriteRule ^skin_main/(.*) /wp-content/themes/Newspaper/$1?putyo_hide_my_wp=pass [QSA,L]
RewriteRule ^ajax /wp-admin/admin-ajax.php?putyo_hide_my_wp=pass [QSA,L]
RewriteRule ^(((wp-content|wp-includes)/([A-Za-z0-9\-\_\/]*))|(wp-admin/(!network\/?)([A-Za-z0-9\-\_\/]+)))(\.txt|/)$ /nothing_404_404?putyo_hide_my_wp=pass [QSA,L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
Pagination work’s fine with categories and tags, but in main section it redirect to index…
-
This reply was modified 10 years by
websystems.
Hi
Add this custom css in theme panel > custom css: http://screencast.com/t/WGv3jBefj
.single_template_6{
background-color: #751B1B;
}
This css will change the background color only for post template 6.
Let me know ho it goes.
Thanks!
Hello Pat,
I have checked your site and found the black header. Yours has been changed either by a custom CSS or from the theme panel: http://screencast.com/t/ladVYhQqEyop
Note that if you change the default color it will apply to all of the post headers. The default color is set do a black one, but on post templates with titles on top of images this becomes white. http://screencast.com/t/UsbcDozSmi
If the theme panel does not change the title color, then you might have some custom css applied.
This is what is applied to your title now:
.post .td-post-header .entry-title {
color: #000000;}
The default color is #111111
You can change the color in this code and place it in the theme panel if you want to use this method, but i recommend checking the theme panel first.
Thank you!
Hi
By default the theme doesn’t have an option to change the color for social counter buttons, but you can use this custom css in theme panel > custom css: http://screencast.com/t/WOaG0shDQ1
.td_block_social_counter .td_social_instagram{
background-color: #A52A2A;
}
Let me know how it goes.
Thanks!
Hello,
I have added your suggestion on our list and we hope in a future update we will be able to implement automatic CSS regeneration on theme update.
Thank you for your suggestion!
Hi
Please make sure you added the css exactly as it is, also remove any other css code (if you have one), make sure you clear all caches, browser cache too and test again. If you made any customization please make sure that the code it’s added properly, for example check if there are any characters which may affect it: http://screencast.com/t/hgDgvFpZsI
Let me know how it goes and if the problem persist please provide a screen from theme panel > custom css area so I can provide a more accurate solution.
Thanks!
Hi,
If you don’t need the subfooter menu you can try this custom css in Theme Panel > Custom Css – http://screencast.com/t/rEj7S45bxIC
.td-sub-footer-container .td-sub-footer-menu {
display: none !important;
}
.td-sub-footer-container .td-sub-footer-copy {
width: 100%;
}
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css for the Newsticker block – http://screencast.com/t/UouxLgnV
.home .td-trending-style2 {
margin-bottom: 0 !important;
}
.home .td-main-page-wrap > .td-container > .td-pb-row:first-child > .wpb_column > .wpb_wrapper > .td_block_trending_now {
margin-top: -48px;
}
And this one for Big Grid – http://screencast.com/t/x4ghHL0iJ
.home .td_block_big_grid_7 {
padding-bottom: 0;
}
Thanks!
Hello,
You can update the theme directly to 6.5 by using this guide – https://forum.tagdiv.com/how-to-update-the-theme-2/ and also update the plugins that come with the theme files from the /plugins folder. If you use a child theme, you have to update it as well because the old files modifications or custom css will not work in the version 6.
If you have custom modification to the theme’s files you will need to re-add them as when you update the theme these files will be overwritten, but the styling options you’ve set in the WordPress Theme or settings should not be affected.
Please note that Newspaper 6 is practically a new theme and the old file customization and custom css will not work, you need to adjust it to this theme version.
We also recommend doing a back-up.
You can check the official documentation – https://codex.wordpress.org/WordPress_Backups
I hope this helps!
Thank you!
Hi,
@Kortris
We didn’t do any tests with this plugin so i cannot say if it works fine with the theme.
And you cannot fully hide the theme, the css classes will still be there and to change them you have to modify the entire theme (style.css and the classes on all elements).
As for wordpress, i guess it’s even harder and you also have to hide the plugins.
Thank you!
Hello JayKayCZ,
In order to do that, you need to do a little change in the core files and replace the icon left and icon right to ‘next’ and ‘prev’ or any other text you want like so:
http://screencast.com/t/nVbUJqUK – http://screencast.com/t/wSLt8jmjq
Then you need to put this custom CSS in the theme panel to center pagination
.page-nav.page-nav-post{
margin-left:auto;
margin-right:auto;
display: table;
width: inherit;
}
the result: http://screencast.com/t/KpWphCIvd
Thank you!
Hi,
I have also checked this using header style 9(full logo) and did not found any issue, it display the full image, please check – http://screencast.com/t/qjqSOdPY – http://screencast.com/t/GG0vI8Xd There is no specific css like on style 1 for example which was designed to have the logo and the header ad side by side and it needs css code for this.
Thanks!
Hello hatchet9,
You can change the width of the highlight line by adding this custom css to the theme panel:
.sf-menu > .current-menu-item > a:after, .sf-menu > .current-menu-ancestor > a:after, .sf-menu > .current-category-ancestor > a:after, .sf-menu > li:hover > a:after, .sf-menu > .sfHover > a:after {
height: 2px;
}
The result: http://screencast.com/t/iZ1CPXio0LPQ
The height is measured in pixels. I set it to ‘2px’, but you can change that in the code and use the size you want.
Thank you!