1. The custom CSS part. I searched the old threads and found some but none of them worked for me.
2. Will try
1. will be done with custom CSS; I forget the exact CSS; but tagdiv will update Monday.
2. Use visual composer to create that layout and choose the post categorie(s) you want to be included in that module. You can easily “experiment” by adding a new row to your home page layout to test.
Simple enough to add a new module, save, then preview.
If you don’t want to mess with your current live page, make new page, then play with that until you have what you want, then make that new page the replacement for your live static front page.
Not sure that helps, but those are the broad strokes.
3. Try importing the “tech news” style/demo from the theme panel … but only the style not any other demo content.
Hi. How can I change the ‘select’ color for all type of browsers in style.css?
Hi
Totally off this topic….
I don’t want some of my widgets to show on my mobile view. How do I do that. Also, I don’t want the “more article box” to slide in on mobile view. What are the css codes?
I’m going help you a lil but you have to learn to do these things ur self…
First you need to Defer parsing of JavaScript there is a plugin that can do that for you called>>> “Async Javascript” in the settings you will choose the defer opition you can find the plugin here >> https://wordpress.org/plugins/async-javascript/ i’m using it as well and it do a great job with out issues…
To Optimize ur images this plugin can do it for you..EWWW Image Optimizer find it here >>>https://wordpress.org/plugins/ewww-image-optimizer/
You need to enable GZIP Compression on your sever
That cache plugin “Super Cache” is rubbish..i recommend you use ZenCache you can find it here>> https://wordpress.org/plugins/zencache/ it will cache ur site better and make it faster…
To help you with other issues like “Leverage browser caching” put this code in the bottom of ur .htaccess file
# END WordPress
AddType text/javascript .js
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff
# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
ExpiresByType font/truetype "access plus 2500000 seconds"
ExpiresByType font/opentype "access plus 2500000 seconds"
ExpiresByType application/x-font-woff "access plus 2500000 seconds"
ExpiresByType image/svg+xml "access plus 2500000 seconds"
ExpiresByType application/vnd.ms-fontobject "access plus 2500000 seconds"
</IfModule>
# END Expire headers
Hello Alin, yes i did solved an hour later after submit support. The problem is kind of weird though. I tried to deactivate all the plugins and then i activate one by one to find out which plugins might be the issue. But hey, nothing comes to trouble after all plugins are activated. Hahaha.. But one thing i want to know.. Did i do the right thing by doing manual update from inside the rev slider admin area?
Because after updating to the version 5, my existing sliders become the background images.
Could you consider to make a more brief tutorial of how to update the plugins or others?
From the plugin author, i read the update tutorial.. But it again makes me confused.. Especially the step of backup and restore the. Css inside the revslider folder.
Thanks Alin. Hope other could find this resolution useful.
I think it should be default on for the theme because look how fast the mobile industry is moving to web. Smart phones are getting to be the most popular thing now. So I would happy if this was a default feature in the theme. I added that to my CSS too in theme panel.
Put this Css code in your box
.category .td-category-pulldown-filter.td-wrapper-pulldown-filter {
display: none;
}
Hi,
Just edit the code like here: http://screencast.com/t/5rnWGav3 and use this CSS to adjust the look, add it in Theme Panel -> Custom CSS section
.td-login-wrap {
padding: 21px 21px 17px;
}
#login-form .mfp-close {
display: none;
}result: http://screencast.com/t/FGr1ZSsZ
I have edited top-menu.php like your pic. But the Newspaper default login box still shows.
My site: dautu365.com
Please help me!
Hi
The theme apply a shadow effect on the gallery images, but that can be removed wit custom css if you like: http://screencast.com/t/v9gGYQAEfC
.mfp-figure:before{
background: none;
}
Also I’ve checked your site on iPod and the images are loaded fine, please provide more details and a specific link if you still have this issue.
Thanks!
Hi
1. You can add a specific class for this section: http://screencast.com/t/aqoraLw4GjpU – http://screencast.com/t/ApYGAAAuZr6 and set the background color using custom css like here:
.colored-post-area{
background-color: antiquewhite;
}
2. If you want to change the background color for a block from a specific post you can use custom css and target the post id class and the block’s class:
.postid-490 .td_block_7{
background-color: red;
}
To get the post id follow this link: http://screencast.com/t/OTJLzYed9 The result should be like here: http://screencast.com/t/3nUhtPU7
3. To change the mega menu background color try this custom css: http://screencast.com/t/d8IHOxhvYI
.sub-menu{
background-color: aqua!important;
}
4. I’ve tested the block title ant works fine: http://screencast.com/t/0Rt1YAbt8 – http://screencast.com/t/t7RWYd5VD try to clear the cache and test again.
Thanks!
Hi
The mobile version of your site is the same as the one for desktop, but styled differently, so you can use custom css in theme panel > custom css :
@media (max-width: 767px) {
.td-header-main-menu{
background-color: #AF2828!important;
}
}
@media (max-width: 767px) {
.td_block_related_posts{
display: none;
}
}
@media (max-width: 767px) {
.td-footer-container{
display: none;
}
}
@media (max-width: 767px) {
.td-sub-footer-container{
display: none;
}
}
Let me know how it goes and provide more details if this is not what you mean.
Thanks!
Hi
Replace the previous css with this one:
@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #fff !important;
}
#td-top-mobile-toggle i, .header-search-wrap #td-header-search-button .td-icon-search {
color: #222 !important;
}
}Let me know how it goes!
Thanks!
Hi,
Did you updated from version 4 of the theme? If you do please check this guide – https://forum.tagdiv.com/how-to-update-the-theme-2/ and run the script to change the shortcodes, import your old settings. 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.
Thanks!
Hi
To hide the author from block content you need to edit the module used like here: http://screencast.com/t/6otXuydyVz You can check which module it’s used for a specific block in theme panel > block settings: http://screencast.com/t/Ty6Sx8zX
To change the date color use this custom css in theme panel > custom css: http://screencast.com/t/k7KVNtr6
.td-post-date{
color: blueviolet!important;
}
To add the publish post time you need to create a custom date format in WordPress > Settings: http://screencast.com/t/zKcsdlAUc3ih and add this parameters: D d/M/Y H:i The result should be like here: http://screencast.com/t/LEyPJwgz4l Here you can find more details about date format if you want a different customization: https://codex.wordpress.org/Formatting_Date_and_Time
Thanks
Hi,
I’m not sure what you mean, but if you want to remove the top-bar, it is an option in Theme Panel > Header – http://screencast.com/t/tmeviOA44vZ Also you can go through documentation – https://forum.tagdiv.com/top-bar-templates/
For search from the main menu you can use this custom css in Theme Panel > Custom Css:
#td-top-search {
display: none;
}
Thanks!
Hi,
If you refer to this block(18) please try to use this custom css in Theme Panel to remove the gradient background – http://screencast.com/t/g5c1e7U03Su
.td_block_18 .td_module_mx8 .td-module-thumb a:last-child:after {
opacity: 0;
}
Please provide more details if this is not what you mean.
Thanks!
Hi,
You have mistyped the giphy iframe css selector: http://screencast.com/t/z9yywi6eAM that’s why it doesn’t work.
Use it like this: http://screencast.com/t/LJPD44ZO and I recommend you to set the media query to max width 1023px because the same issue is preset on tablets portrait view also: http://screencast.com/t/Ssail3A5ip
@media (max-width: 1023px) {
.giphy-embed {
width: 100% !important;
}
}
Thanks for the message!
Sorry I’ve been to solve the problem yesterday after upgrading your new css file for the new version of the newspaper
Thank you
Hi,
Sorry for delay! We answer to the most oldest topics so if you add a new reply we get later to your topic.
Usually ajax errors are caused by some plugins that conflicts with the theme javascript, so please make sure you disable all the plugins except of Visual Composer, clear cache and purge your files if you use CDN(also you can deactivate CDN). If you have the js/css minified please remove it. Let me know how it goes!
Thanks!
I’m busy implementing the loop homepage style for my website http://www.reizenoverdewereld.nl/. But on the main page there’s some grayish layer over the ‘featured’ picture (last post). On my current main page you see the picture of the buildings (my last post about Gunkanjima Island), but it’s quite dark. If you open the posting you will see the ‘normal’ picture. So, I think there’s some sort of layer over the picture. If so, is there some custom css to remove that ‘layer’?
I´ve tried solve question 1 with different CSS code but none I found with Google have helped me. So I am still in desperate need!
Hi,
The theme doesn’t have an option to display to ads side by side for your post pages. You will need custom modifications in the code to achieve this, for example you can add the code in Theme Panel > Ads section in custom ad spots that you want yo use – http://screencast.com/t/LpPAVOv0 and use do_shortcode function in the post template that you use – http://screencast.com/t/ruQnSe1J and adjust the banners using custom css – http://screencast.com/t/eDF1dtDZ
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');?>
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_2"]');?>.td-a-rec-id-custom_ad_1, .td-a-rec-id-custom_ad_2 {
float: left;
margin: 0 0 20px 20px!important;
}Please note that if you use adsense you have to change a with g – .td-g-rec-id-custom_ad_1, .td-g-rec-id-custom_ad_2
If you don’t know how to do it I suggest to hire a professional developer, as we cannot provide custom work, sorry! I have provided an example how it can be done(I did not take time customize them).
Thanks!
Hi,
You cannot add the icon in the translation section as it will not work.
I guess that you want to add an icon when you are not logged in(when you are logged in the user avatar is displayed there – http://screencast.com/t/TTqq6qnBLNWE ), so you can do the same like I suggested for megamenu using custom css – http://screencast.com/t/75mVRi0FUYtB
.menu-item a.td-login-modal-js::before{
content: "\f040";
font: normal normal normal 14px/1 FontAwesome;
margin-right: 5px;
position: relative;
}
Thanks!
hello Alin,
Can you help me check my website pusatjualanonline.com the slider is not showing after update to version 5 ?
i did the update from inside the rev slider menu by clicking the manual update at the bottom. I have tried to replace the before files .css to the new place after update.
Kindly help.. Thanks.
