- 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
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi
You can use the default page template for pages and the latest article list won’t be displayed anymore: http://screencast.com/t/LSCtGTxkwUx
You can use top bar 3 for layout: http://screencast.com/t/9qbbYUnC then use this css in theme panel > custom code > custom css: http://screencast.com/t/d3ceP227f
.td-header-sp-top-menu {
float: none!important;
}
.menu-top-container{
float: right!important;
}
Please make sure that the parameters from system status have the values indicated here: https://forum.tagdiv.com/system-status-parameters-guide/ and also try to deactivate all plugins except Visual Composer, clear all caches then test the site again.
Let us know ho it goes.
Thanks!
HI
You can try this css as a temporary fix, it will add a background when the menu goes on two columns:
http://screencast.com/t/Km1ZxcScAf
@media(min-width: 768px) and (max-width: 1210px){
.sf-menu {
background-color: #4db2ec !important
}
}
Thanks!
Hi @timventura
Try this css in theme panel > custom code > custom css: http://screencast.com/t/oTCG0ONHF
.td-scroll-up-visible{
display: none;
}
Thanks!
Hi @Metric
@Metric I am not aware of plugin’s functionality and I can’t provide a solution for the moment. As a hint you can use a new span element and with a bit of css the output will be properly centered. Here is a basic example:
<span class=”reading-time”>
<?php //plugin’s shortcode goes here ?>
</span>
You can use browser inspector to identify the required selectors: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
The css which generate that icons can be found below:
.td-icon-views:before {
content: '\e805';
}
To add the reading time on modules you need to edit the file corresponding with each module and paste your custom code there: http://screencast.com/t/bu9C6YQoQhP
Note that We can’t offer customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.
Thanks!
Hi
1. Try tis css in theme panek > custom code> custom css:
.td-main-page-wrap{
overflow: hidden;
}
2. I’ve checked your site and noticed that the second registration link is added as a menu item in top menu: http://screencast.com/t/PHFgkdl2Pkso Try to edit your menu under Appearance > Menus and remove this item: http://screencast.com/t/HFyWIDr8p
Thanks!
Hi Football5,
Was fresh 🙂 but is a clean DB (allways theme and only 3 plugins: VC + Yoast Premium + Speed Booster), I mean without residual stuff.
So the circle is little: theme or one of this 3 plugins.
I’m not sure, maybe is Yoast 3.7.0/1 coze I see something in his support forum. Right now seems that Speed Booster plugin even if move CSS/JS to the bottom, Google throw render-blocking for all content less the homepage.
I don’t want to downgrade for the moment to Yoast 3.5.2 because I want to see if we can replicate again the slow down for internal linking.
VPS – Memcached / Zend OPcache – all pages load in 0,3 – 0,5 sec.
Hi
You need to edit td_module_mx4.php file and replace the original code with this one: http://pastebin.com/SxeKXfE4 -http://screencast.com/t/uetEFOzMJYeL Ands also add this css in theme panel > custom code > custom css: http://screencast.com/t/Kc0PB6ffJpv
.td_module_mx4 .td-post-author-name{
display: inline-block!important;
position: relative;
top: -30px;
background-color: red;
}
.td-author-date{
position: absolute;
}
Thanks!
Hi
Try this css in theme panel > custom code > custom css:
.page-id-abc .td-header-menu-wrap-full{
display: none;
}
Replace abc with the numerical id of the page where you want to hide the menu. To get the id please follow this link: http://screencast.com/t/5xrTUBAMgm
Thanks!
Hi
Try this css in theme panel custom code > custom css:
@media(max-width: 768px){
.wp-caption-text {
font-size: 15px!important;
}
.entry-title{
font-size: 30px!important;
}
}
Thanks!
Hi
Replace the previous css with the one below, however the border can be added only as I’ve indicated in the screen as there is a margin on a main span and if I remove it the layout of that block will break: http://screencast.com/t/JeOMFjET
.td-post-next-prev{
border: 1px solid red;
}
Thanks!
Dear Catalin,
I am doing that, but it doesn’t work. I added the custom CSS to the custom CSS box of the page in which I wanted a different header image. I changed the post/page id and changed the URL of image. Still the header doesn’t change.
Gaurav
HI
Try this css in theme panel > custom code > custom css: http://screencast.com/t/GFmyWlTyq6
.td-header-style-5 .td-main-menu-logo img{
margin-right: 0px;
}
Thanks!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/VotQm8QHysom
.td-header-sp-recs img{
left: auto;
}
Thanks!
HI
The image is added in style.css and you can change it here: http://screencast.com/t/JgGrbJ23hBV
Thanks!
Hello
I suppose that you are referring to the appearance of a flash when you enter on your website…firstly is loaded a style and then will appear another style, right? This behaviour appears when you have additional customization through custom CSS code. Please notice that the CSS are working in cascade and the first time will take the code from style.css that is set it by default and then the theme will take the custom code that you have changed from Theme panel and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly in this file your desired custom code. So, if your problem is still there, please try to revert the theme to the default settings, without any customizations and let us know how it goes. Also, you can try to make a new fresh install from scratch with the latest version of the theme and check the results. Also, please make sure every time you cleared caches. Noticed that the only files where you will have to edit is style.css.
Thanks for the message!
HI
The zoom effect is removed from IE but you can enable it by deleting this css from style.css file: http://screencast.com/t/QVvZzGMqOw
Hope this helps!
Thanks!
Hi
From the very begging the purpose of mobile theme was to be fast and clean. It was intent to serve very light version of the page in a very short time. We didn’t added support for shortcodes so far and will not be added in future either. More features involve more resources and the loading time will be higher.
There are no mobile optimization in the parent theme, all php code runs the same on all devices, only the css and js are a bit different. The parent theme can be fast on all devices if a proper configuration is used.
Thanks!
HI @marctz
We covered in our documentation most important aspects google notifies you about in page-speed regard: https://forum.tagdiv.com/how-to-make-the-site-faster/ For more details please check these links: https://developers.google.com/speed/docs/insights/EnableCompression – https://gtmetrix.com/enable-gzip-compression.html – https://gtmetrix.com/leverage-browser-caching.html
To remove render blocking resources you can use our Speed Booster plugin as we indicated in our documentation at pint 5. Fore more details about page-speed please also check these topics: https://forum.tagdiv.com/topic/site-slow-down-caused-by-style-css/ – https://forum.tagdiv.com/topic/speed-is-slow-after-updating/ –
Note that you will need a bit of codeing and some customizations in order to achieve a good score for your site. We can’t offer speed customization services at the moment, most we can do is to point a way of improving. If you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.
Thanks!
Hello CR,
Unfortunately, I do not exactly understand what you mean, sorry! The code provided above you should add in Custom CSS area, like this -> http://screencast.com/t/g839pYvYf2 and using this, the post view will be hidden on your front-end.
If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Thanks for the message!
HI
You can add a custom css class for one of Instagram widgets then use it in your custom css like this:
.custom-widget .td-instagram-meta {
color: #121212;
font-size: 12px;
}
Let me know ho t goes and if you can’t manage to make this working provide your site url so I can have a closer look.
Thanks!
Hi guys,
Right now, on theme panel we have the option to disable the featured image, but is aplicated to all devices.
As we now have the option to use retina images, for mobile will be heavy.
So my Q is:
¿You can help us with an condition to hide the featured images for mobile devices (i’m not ask about CSS hide)?
Thank you!
I guess that you have already thought about adding as a default option into a feature update
Hi guys,
I think that Speed Booster plugin need some adjustment for latest versions of Yoast 3.7.0 & 3.7.1
Right now, with the speed-booster activated, only the homepage is optimized.
If we analyze with Google Insights all the site (posts, pages, taxonomy) less the homepage, throw render-blocking (¡for both, PC & mobile!) even if the JS & CSS are moved at the bottom. Something that has not happened to me with Yoast 3.5.2 or earlier.
Always using: Yoast, VC, Speed-Booster – system status OK (no modification, only dequeue VC).
I hope you can find a quick solution.
Thank you!
Anecdotally:
For all site, I dequeue Visual Composer and I left it only for the homepage. So theoretically & practically the homepage is the heaviest page from all domain, but still remains the most optimized 🙂
I prefer otherwise.
You can just copy the HTML from the footer widget if that is what you’re asking…. like so:
<span class="td-social-icon-wrap">
<a target="_blank" href="https://www.facebook.com/BUNNIES/" title="Facebook">
<i class="td-icon-font td-icon-facebook"></i>
</a>
</span>
<span class="td-social-icon-wrap">
<a target="_blank" href="https://plus.google.com/+BUNNIES" title="Google+">
<i class="td-icon-font td-icon-googleplus"></i>
</a>
</span>
<span class="td-social-icon-wrap">
<a target="_blank" href="http://BUNNIES.com/feed/" title="RSS">
<i class="td-icon-font td-icon-rss"></i>
</a>
</span>
<span class="td-social-icon-wrap">
<a target="_blank" href="https://twitter.com/BUNNIES" title="Twitter">
<i class="td-icon-font td-icon-twitter"></i>
</a>
</span>
Change the size with CSS class on div wrapper, or whatever.
If that was not what you were asking, pardon intrusion.
I just did this on our website, actually 🙂
-
This reply was modified 9 years by
simchris.
Hi,
I would like to customize the image caption font and the article title font. What custom CSS should I add to accomplish this? Thanks.
Thanks Andrel. It was a z-index problem in the css custom code. Regards.