- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hi,
Are you sure speedbooster is not active as your page source says otherwise: http://screencast.com/t/dX0KjZhDp62O
That only appears if speedbooster is active.
We also recommend using a cache plugin (wp super cache) and optimize your website to reduce this delay time you see. https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ftomatoheart.com%2F&tab=desktop
Aslso use gtmetrix as it’s a good alternative to google. Having multiple testing tools always helps.
This delay is present ion any site as css works by rewriting its rules over the previous and it will re-write every time the css gets changed. if your internet connection is slow or the page speed is not optimized fully, you can sometimes see this rewriting happen.
The only way to remove the delay altogether is to change the font directly in style.css by editing the code for the post title font: http://screencast.com/t/fgEWZiXyZB9
I hope this helps
Thank you!
Its only for the mobile theme and i already go through the provided topic by you and this is the code in my .htacces file….i try to change the code with stack-exchange code but it didn’t help…
This is at the top of .htaccess
<IfModule mod_headers.c>
<FilesMatch “\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$”>
Header set Access-Control-Allow-Origin “*”
</FilesMatch>
</IfModule>
HI
You can use this css to set a custom color on hover and make the link underlined: http://screencast.com/t/LcIa2AaGsbZ
.td-excerpt a:hover {
color: green;
text-decoration: underline!important;
}
Thanks!
Hello,
The icons in our theme are font icons so maybe there is something wrong with the font. Maybe you changed it with css and it affects the icons as well. (icons need the newspaper font to display properly)
Another possible issue is a cdn server which will cause the fonts to be loaded from a different source. In this case you can follow this topic: https://forum.tagdiv.com/topic/strange-chinese-symbols-replaced-icons-and-arrows/
I hope this helps
Thank you!
Hello tcmc1313,
The theme detects the mobile/tablet layout via @media query and all of these settings are placed in style.css. If you want to change this behaviour, please notice that you will need to make more additional customizations through code that involves custom work but please notice that we cannot provide this, sorry! You will have to implement yourself and if you are not aware of the steps you will need to hire somebody to help you in this regard.
Thanks for your understanding!
Hello,
By headline text are you referring to the post title? If this is the case you can use this css to affect just template style 5:
.single_template_5 .td-post-title .entry-title{
color:black!important;
}
You can add the code in the theme panel -> custom css box
Thank you!
Hello tcmc1313,
Please notice that each header style has an own CSS for the responsive mode. As an example, for header style 1, as you can see here -> http://screencast.com/t/6tDjgIPR the header logo has specific dimensions (width fix, position relative, height fix and specific margins). Also, if you change all of these, you will see that the Banner Ad will fall down to the next line under the logo, like this -> http://screencast.com/t/AtnKCB5gFwRk
Please notice that is not a simple task and involve some additional adjustments in CSS for better results. Also, you will have to use the @media query to target the tablet width. For more information about this rule, please check here -> http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Hope this helps!
Thanks for your understanding!
Hello,
This is mainly due to speedbooster and moving the render blocking css to footer. Css works in cascades. If you move the css to the footer, the theme will load the default style until it gets to the footer so it can apply the other styles as well. Please try to make speedbooster not move style.css to footer and check again.
Thank you!
Hello,
Please add this css to the theme panel->custom css box:
@media(max-width:767px){
.td_module_10 .td-excerpt {
display: block;
}}
Thank you!
Hello,
There seems to be something wrong as this code worked for me and all people who asked for the removal of more from author. Please make sure the code is properly inserted in the custom css box and all other css in there has proper closing tags.
I tested the css again and more from author gets removed entirely.
Please check your custom css box. and if you cannot get it to work please provide a link to your site so I can inspect it.
Thank you!
Hello,
I have tested the logo on header style 7 with 90px line height and there seems to be no issue. Please remove any custom css you might have affecting the logo
Thank you!
Hello,
I have checked your site and luckily there is a very simple fix. You only have to remove the float left from block 15 with a custom css like so:
.td-pb-span4 .td_block_15{
float:none!important;
}
Add this code in the theme panel -> custom css box and the widget will display fine
Thank you!
Hello,
You can try to minify the css with cludflare: https://forum.tagdiv.com/cloudflare-cdn/ and also use gtmetrix to test your site not just the google testing tool as google can sometimes be wrong.
Thank you!
HI
The warning refers to another links, I assume that are the links from social sharing top. Try this css to increase the margin between the icons: http://screencast.com/t/lvtq2D9zP
#td-mobile-nav .td-social-icon-wrap {
margin: 20px 9px 7px 0px;
}
Thanks!
Thank you. I used the CSS method. The words “More from Author” are still there and when you click the words either “MFA” or Related, the links take you back to the top of the page.
I have added into custom css in the theme panel
body.td-animation-stack-type0 .td-animation-stack .entry-thumb,
body.td-animation-stack-type0 .post img {
opacity: 1;
}
and its now working in chrome / Opera and Safari but still not Firefox?
Hey,
For some reason i’m not managing to move the logo 40-50px to the left.
Where do i find it via CSS?
I tried changing .header-logo-wrap img in the CSS file, but nothing happened.
https://postimg.org/image/rbljlgemp/
site URL – http://www.israsport.co.il
Thanks
Ok guys, I added the code to the theme panel in the custom css and still get errors, ok, did not work.
HI
That happens becasue you’re using page-builder+title and the page’s structure is a bit different. Try this css, it should work fine: http://screencast.com/t/K0V92mz37EI4
.td-main-content-wrap .td-container {
background-color: aqua!important;
}
Thanks!
Hi,
Why do you use custom css to decrease the menu height?
By default the menu’s height for style 7 is around 106px – http://screencast.com/t/zeAfdmLE
Also you can control the menu height(and also the logo) from Theme Panel > Theme Fonts, just change the menu line height – http://screencast.com/t/DgBHHqE7F – http://screencast.com/t/C5UJkp4Z
Thanks!
It seems in Chrome or Firefox images are not being displayed and in developer mode it seems this css tag is to blame and opacity being set to 0?
body.td-animation-stack-type0 .td-animation-stack .entry-thumb,
body.td-animation-stack-type0 .post img {
opacity: 0;
Can someone tell me what is going on and how to correct this?
Hello!
PageSpeed gives me the some “ToDo’s”:
– Optimize CSS Delivery. This is regarding Newspaper. I don’t know how to do it (/wp-content/themes/Newspaper/style.css?ver=7.3)
– Minify CSS. This is regarding Newspaper. I don’t know how to do ir (/wp-content/themes/Newspaper/style.css?ver=7.3)
Should I do anything?
Thanks!
Hi Alin,
Thanks for your reply, I was so fixed to use the “header ad spot” that I didn’t think of an custom ad.
How can I make the new ad centered? I tried something like:
`.td-a-rec-id-custom_ad_7 > div {
text-align: center;
display: table;
margin-left: auto;
margin-right: auto;
position: relative;
}
to style.css around line 24200 but it seems to be not working.
Best, Loano
Thank you for your reply.
I followed step by step, can see theme has been updated but can’t get it exact same. CSS missing, icons not showing and Footer is completely different.
Original: http://banglalive.com
Updated: http://172.20.24.116/bl/
You can compare the difference. Please check and tell me what I am doing wrong and how can I get the same exact as previously configured.
Thanks Sanny
Hi,
This is the property of css code it is applied in cascade. So the default css is loaded first then it is applied the custom one(I refer here also to the Theme Panel options like menu background). To avoid this delay you will need to add your custom color for the menu in the stylesheet file.
Also you could try to improve your loading speed – https://forum.tagdiv.com/how-to-make-the-site-faster/ and use a cache plugin – https://forum.tagdiv.com/cache-plugin-install-and-configure/ it may help and this delay should not be so visible.
Thanks!