- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hello,
Is there a way to change hover color for only one category in navigation menu using CSS or somehow else?
Ex. I have 5 or 6 categories in navigation menu (Home, News, Contact, About Us etc..) and hover color of all those categories is green. Is there a way to change explicitly using CSS hover color of one category, for ex. Home. So “Home” could have blue color?
Thanks!
Yeah dude, thanks for this useful information, but I’ve done all these instructions in those links and nothing was happening, when I put my website into Gtmatrix they showing me good results but when I put it on speed insight the results are not looking good??
Can you please tell me why that happening?? And gives me a solution of how I can solve the problem of render blocking CSS/js!!
It is possible that your hosting sucks. I run the theme on shared hosting and my speeds are somewhat impressive. Make sure your host meets these theme requirements– https://forum.tagdiv.com/requirements-for-newspaper/
Also, there are many topics here in the forum in terms of speed improvements and optimization.
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
– https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
– https://forum.tagdiv.com/cloudflare-cdn/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
There are many topics here in the forum in terms of speed improvements and optimization.
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
– https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
– https://forum.tagdiv.com/cloudflare-cdn/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
Also the theme requirements guide – https://forum.tagdiv.com/requirements-for-newspaper/
Hi,
Im a very satisfied customer of your theme. I have bought it for two different sites.
I have a question I hope you can help me with.
How do I change the background color of the content area? I know how to change body, header and footer.
Can I use custom CSS? If so what code should i use and where to I put it?
Thanks
Jan P
Hi. When designing with td composer, what width have you set for the tablet mode (both portrait and landscape (not the 768px one but the other two)? I want to hide something by CSS based on the width you use for those two.
Hey,
Please, the display of CSS styles make my website slow, any ideas of how I can solve this problem and make it fast!!
Thanks
Yeah but i like this style for this theme 🙁 you can help me? Just for adjust this ads position, ex: https://imgur.com/a/q6SeERq
—
And another thing; I can send one suggestion for future updates? In Post – Style 10, the big player, you know? I use one code for responsive work 100% good the players on this style.
in /includes/wp_booster/td_video_support.php i add to td_youtube_player | <div class=”videoWrapper”></div>
on CSS, i add:
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
ex: https://br.nacaodamusica.com/posts/arcade-fire-lanca-clipe-dancante-para-o-single-peter-pan/
Hi.
For normal text in menu go in Newspaper > Theme panel > Theme Fonts > Header > Main Menu and select none in transform dropdown box ( https://www.screencast.com/t/hO4FDHcHPD )
To make main header you can chose other style ( style 6), you you can add some custom css if this is what you desire
https://www.screencast.com/t/hLZp4Fp5c
In order to add the css go to Newspaper> Theme panel > Custom code > Custom css and paste the code there.
code:
ul.sf-menu > .td-menu-item > a, .td-theme-wrap .td-header-menu-social {
line-height: 80px;
}
.td-header-style-4 .td-main-menu-logo img, .td-header-style-5 .td-main-menu-logo img, .td-header-style-6 .td-main-menu-logo img, .td-header-style-7 .td-header-sp-logo img, .td-header-style-12 .td-main-menu-logo img {
max-height: 80px;
}
.td-header-style-5 .header-search-wrap #td-header-search-button .td-icon-search {
line-height: 80px;
}
https://www.screencast.com/t/K5FNvfD1r
Thank you.
Hi,
It is look like your image are smaller that the thumb and it need to be zoom .
https://www.screencast.com/t/gsUVtmFzASF
For full width please insert the above css :
.td-big-grid-wrapper .td-module-thumb .td-image-wrap img{
width: 100%;
}
Go in Newspaper > Theme panel > Custom code > Custom css and paste it there.
https://www.screencast.com/t/ioObsvFca2b
https://www.screencast.com/t/GMOUkdKE4MD7
Thank you.
Hi,
Copy this code in Newspaper>Theme panel>Custom code> Custom css
cede:
.td-main-page-wrap {
padding-top: 10px!Important;
}
.widget{
margin-bottom: 0!Important;
}
https://www.screencast.com/t/lY5RECung
See results: https://www.screencast.com/t/bVJkvC2UE17m
Thank you.
Hi,
Sorry I forget to link: https://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400%2C400italic%2C600%2C600italic%2C700%7CRoboto%3A300%2C400%2C400italic%2C500%2C500italic%2C700%2C900&ver=9.0_d82
Thank you for your understanding.
Hello,
Please ad this css to your theme panel under custom code – custom css:
.td-header-gradient:before{
display:none;
}
Thank you!
Hi,
Yes that can be done manually with custom css, please put your url here to can get you the best solution.
Thank you.
hi after disabling some features in wprocket it works, so can I know the which URI cause the problem so that I can exclude from combining
as features disabled are
1) combine CSS files
2) optimize CSS delivery
1 more problem is please solve it:-
I have Disqus plugin in my WordPress, its working fine, but in mobile view, the Disqus part is like there is no margin from the container, it extends to both sides not staying in the container as I added the code but not working kindly suggest me so that it align to container ie.
div#disqus_thread{
width: 100% !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
AMP is designed to be very simple for basic fast loading on slow mobile. See Google’s doc on how AMP works.
You can add custom CSS if it meets Google’s AMP guidelines, but there are special uses where you might have to do stuff like class=”amp-image” or similar vs “image”
There are 2 places I used to be able to add additional css 1.) was clicking on dashboard > customize css and now this option is gone. 2.) Theme panel > custom code > custom css and for this section the box I would type the additional css in is not letting me type. I understand I can add css to the stylesheet, but at the moment I have already added custom css to both of these sections that I have to update. Before I start removing all plugins to my site that is live and uses all the plugins I have active, is there a fix for this?
Thanks
Sean
Hi,
Indeed, it is done with some CSS. Most demos contain custom design. I can give you the code that was used, it will work with header style 1 like the demo uses. If you use a different header style let me know.
The result after using the code will be like this
– https://www.screencast.com/t/SpwvDMUHDVfW
This is the code – https://pastebin.com/4mhjXT2x
It can be entered in the Theme panel->Custom CSS code section
– https://www.screencast.com/t/fexxKKw6dFu
Thanks
Hello,
I would like to have 2 lines above and below my menu as in the lifestyle theme.
Could you please explain me how to do it ? Is it css coded ?
Thanks,
Jeff
Hi,
Copy this code in Newspaper > Theme panel > Custom code > Custom css
.td-sub-footer-container{
margin: auto auto 0 auto;
}
.td-container .td-page-content{
min-height: 63vh;
}
don’t forget to save the change you make.
https://www.screencast.com/t/TlK1UXJTFw
Thank you.
Hi,
This is not a issue, this is how it’s need to bee done ( why? because there are a lot of resolutions and the height for them is different ). If you want that, I can provide you some documentation and an example but I don’t recommend you to do it only if you are sure what you do, or you can hire a developer.
Documentation :
https://medium.com/@paynoattn/flexbox-sticky-footer-d19dab50c34
https://codepen.io/paynoattn89/pen/XerevL
https://css-tricks.com/fun-viewport-units/
See results:
https://www.screencast.com/t/Mq96UmyrW
Thank you.
Hi,
You can edit it with tagDiv Composer, open the page with it ( TD Composer ) and click on the Text wit image you set to stretch and in sidebar from the left select css, then set margin to 0 and the space will disappear ( https://www.screencast.com/t/2wPBB83y or you can set it as you are like it ), don’t forget to save it.
Thank you.
I can’t see the image you posted – https://www.screencast.com/t/DsIXGHGBPNiI
For the post content only the inline ad has the option to align it left or right, the top and bottom ad do not have this option.
You could align them that way with CSS as mentioned above, may require some more styling however.
For example a top ad would look like this by default
– https://www.screencast.com/t/dWlDRZc3Yx
With the code and also some margin – https://www.screencast.com/t/AcPbJToSazH
In case of Adsense you could do the same, you could wrap the adsense code in a div and add style to it, for example
– https://www.bloggerspice.com/2013/02/how-to-align-adsense-ads-left-right-and.html
As long as there is not violation of the Adsense policies there will be no problem
– https://support.google.com/adsense/answer/1354736
Hi,
Amp is use for acceleration mobile page ( but that just give you an preview of page, that way you don’t see the menu ), and yes it can be done custom css, but will need to be done manually, and if is not done correctly will slow down the plugin.
You can read this documentation https://ro.wordpress.org/plugins/amp/ , also you can
Thank you for your understanding.
HELP!
I have a really strange issue that I have just noticed this morning…Yesterday I had 4 Viewports I could use in the TagDiv composer for adjusting the rows / columns / elements etc
Now I only have Desktop, Portrait and Landscape….Tablet seems to have disappeared(?) This is very strange, is it a known issue? Any suggestions on how to resolve it? It has screwed me because I had been using all 4 ViewPorts for custom settings and now I can not edit those.
