- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hello,
Well if the plugins caused the issue, I think the solution is obvious. The plugins are not tested and are not working with our theme. This is the case with all premium themes. The code is custom and not all plugins recognize it. Plugins are built for the default WordPress themes and sometimes they conflict with one another as well, not just with the theme. Please remove the plugins that caused the issue and either find other plugins or find a different solution to hide the widget. you can use simple css to do it, not use any plugin.
Thank you!
Hello endel19,
On the future, if you will have a bigger image at your side, the code will not affect it. Please notice that the above CSS will enlarge the image which is too short than the normal size which should have them.
Thanks for the message!
Hello,
You can try to use this code for smartlist 7 for example:
.td_smart_list_7 .wp-caption-text, .td_smart_list_7 .wp-caption-text a{
position:relative;
margin-top: -51px;
text-align: left;
line-height: 20px;
margin-left: -8px;
}
But there is a problem. Your images are not all the same size and the caption is positioned in a fixed position. It will display different based on the image size and proportions.
You can try to change the positioning of the element using the css positioning methods of your preference:
http://www.w3schools.com/css/css_positioning.asp
Thank you!
Hello,
Please follow this guide to increase page speed and remove render blocking js and css: https://forum.tagdiv.com/search/faster/
Also please follow this topic on the speedbooster plugin: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
Thank you!
Hi,
You simply need to add the code in the theme panel->custom css box. If the code does not work, please provide an example of a spot that still has an excerpt so I can inspect it and provide the proper code for it.
Thank you!
Hello nfranc01,
Do you refer to this main menu, like this -> http://screencast.com/t/PqrKNVij ? If you want to achieve this feature, please notice that first of all, you will have to read our documentation about our Mega Menu feature like this -> https://forum.tagdiv.com/mega-menu/ and then should do yourself. Our demo uses the block 23 which uses the module 18, as you can see here -> http://screencast.com/t/BsPZSasV0FOF Also, please keep in mind that each from our demo has an own design because each other has a style.css design core which will be installed when the demo is imported and probably that’s why you will no bring the same layout and design for your side. If you want to have the similar layout you will have to load the Say What demo. For more information about demo installing, please check here -> https://forum.tagdiv.com/installing-demos/ -> http://screencast.com/t/mPEWJEjrTeG
If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Thanks for your understanding!
Hi
I’ve checked the site and now the menu is displayed fine. If you still have this issue try this css int heme panel > custom code > custom css to make the menu visible: http://screencast.com/t/ZUH5Jr97J
.sf-menu li{
visibility: visible!important;
}
Also I’ve noticed that some fonts are blocked: http://screencast.com/t/XQljcHBu3c Please check this link for more detail in this regard: https://forum.tagdiv.com/topic/strange-chinese-symbols-replaced-icons-and-arrows/
Thanks!
Hi, is there a css code that can establish this rule in the theme? I would like to see a real post view count of may website visitors, but right now, my views (during edit and re-edits) are being counted alone with the visitors.
best,
SoNOwner
Hello,
I got the error below when I try to connect with Facebook:
<!-- Custom css form theme panel -->
...
/* <![CDATA[ */
var jpfbembed = {"appid":"249643311490","locale":"tr_TR"};
/* ]]> */
</script>
<!-- JS generated by theme -->
249643311490 app id is default WP Facebook ID (not mine)
How can I fix this problem? This code is coming from which file?
Thanks,
basically have to over-ride the CSS …
style.css line 22052
.td-icon-mobile:before {
content: '\e80d';
}
to perhaps (based on current F.A. codes; which I don’t think are actually used)
.td-icon-mobile:before {
content: '\f0c9';
}
change the icon code to the one we want.
However, the above does not actually work, it looks like.
SO, wait for Monday and TagDiv back in the office 🙂
Yes, use HTML and CSS.
Hi,
I want to replace this shadow with a simple blue line (1-2px).
How can I do that?
I tried to add
.td-header-gradient:before {
display: none !important;
}
into CUSTOM CSS
but when load the pages, it shows the shadow than remove after 0.5 sec about.
Waiting your reply.
Website is offline on mamp, so I can’t send you URL.
Hi @supersheek,
*Always make a backup before any changes
Your actual custom css are here: Theme panel / CUSTOM CODE / Custom CSS.
You have to cut all code is there (after cut have to save theme-settings) and paste it into the style.css
2 ways for do it:
- through FTP (downloading style.css and attaching that code at the bottom of the file / upload and rewrite the new style.css
- through WP dashboard / Appearance / Editor / Style sheet (style.css), at the bottom you can paste it. / push the botton “update file”
*Always make a backup before any changes 🙂
Thanks very much Andrei that worked a treat. Can I ask how you found the custom style.css settings? because in the future if I do make changes I could easily do it myself instead of bothering you, thanks mate.
Been using AMP with theme since Nov. 2015.
Simply install the official Automattic (people who make WordPress) AMP plugin.
https://wordpress.org/plugins/amp/
If using Yoast SEO, add the Yoast ‘Glue for AMP’ addon.
Ensure your site doesn’t break /amp/ endpoints by minifying, compressing, or rewriting the amp css (e.g., cloudflare, etc.).
I think that is about as “definite” an answer that you will get, as posted previously by the TagDiv theme. You could set up AMP yourself right now in 10 minutes. 🙂
(( I don’t work here. Just a 4-year lurker 🙂 ))
I use a critical CSS generator that scans the page and generates that for me. I honestly forget which one we use; started with free version of something, now use a paid version of something. Might have to Google that until I go find it (I don’t use it everyday, obviously).
In midst of merging 13,000 articles from our old CMS on main website into WordPress using a paid plugin that lines up old category IDs with new ones, imports user accounts as authors in new system, etc. Very neat that so many companies build awesome importers to merge legacy 2004/5 era CMS stuff into modern WP dbase. Did that same with our main ecom system last year, too with another company.
Anyway… that was the quick and dirty answer this morning.
Google: “Critical CSS Generator” to find it. 🙂
I am using Block 9 in the Video layout to list recent items.
There is a lot of bottom padding after each list item.
I have tried to use CSS to remove it, but it does not change the spacing.
I used the style.css file to make the changes.
Is there a different spot where Block 9 calls other styling?
I am an advanced CSS user.
Thanks in advance
Hi Chris,
thanks for your great tipps. One question…how can I find out what the “critical CSS is”, to put it in the header?
Thank you! 🙂
Thanks for the reply
I understand and appreciate all the help you give to all your users even after 6 months of Purchase.
Can I delete all references to the
BBPRESS
BBFORUM
WOOCOMMERCE
From Newspaper Theme Code, actual PHP, CSS, HTML etc code
If That can be done please do give me that guidance
Thanks and once again I appreciate all the help
Hello Catalin,
Yes that is exactly what I want to do. Thank you. But the images are 640px wide so since they will get bigger the quality will be worse right?
Also what happens to the images I add to the future posts? From now on I will add bigger images. Does this code have an affect on future images?
Also could this css code create any problems with the website? Any conflicts or slow down the website?
Thank you,
Endri
Hey Amazing people,
In simple word:
I am adding following code directly at the end of style.css (for various reasons):
.wp-caption-text a {
background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
display: inline-block;
padding: 0 3%;
}
.wp-caption-text, .wp-caption-text a {
color: #fff;
font-size: 10px;
margin-top: -28px;
text-align: left;
line-height: 20px;
margin-left: 3px;
}
and then following code under custom css:
.wp-caption-text {
position: relative;
}
This combination has made everything image captioning awesome except this: https://i.snag.gy/psPuGX.jpg
In usual case ( second image), you can see the imaage caption is positioned well in bottom left but in case of smart lists , the position is distorted ( first image) its not properly aligned. How can I make this work for smart lists too?
Based on suggestions from my previous threads, I was using this code for smart-lists-1, 2 and 7 but it no more works now 🙁
.td_smart_list_2 .td-sml-caption div{
position:relative;
top:-25px!important;
left:10px
}
.td_smart_list_2 img{
pointer-events:none;
}
.td_smart_list_2 .td-sml-caption div a{
color: #FFF !important;
background-color:rgba(0, 0, 0, 0.15)!important;
}
You may want to look at any page on my website, for example this: https://tomatoheart.com/hiya/11-reasons-to-visit-kolkata/
PLEASE HELP
We are on newspaper v7.4 with latest visual composer and later mobile theme activated….
can we do any thing for Eliminate render-blocking JavaScript and CSS in above-the-fold content
I copied his chain in .htaccess to specify headers html.
# BEGIN Expire headers
<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault “access plus 5 seconds”
ExpiresByType image/x-icon “access plus 604800 seconds”
ExpiresByType image/jpeg “access plus 604800 seconds”
ExpiresByType image/png “access plus 604800 seconds”
ExpiresByType image/gif “access plus 604800 seconds”
ExpiresByType application/x-shockwave-flash “access plus 604800 seconds”
ExpiresByType text/css “access plus 604800 seconds”
ExpiresByType text/javascript “access plus 604800 seconds”
ExpiresByType application/javascript “access plus 604800 seconds”
ExpiresByType application/x-javascript “access plus 604800 seconds”
#ExpiresByType text/html “access plus 600 seconds”
#ExpiresByType application/xhtml+xml “access plus 600 seconds”
</ifModule>
# END Expire headers
But as you can see I have many errors in the cache and not as https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.trebol-apuestas.com%2F&tab=desktop fix. I think we should go one on one by adding them how did you do it? I can give an example with the first http://sumome.com/api/load/ as you can specify cache for this file to .htaccess?
Any ad can be loaded that doesn’t inject Javascript – that is the issue. For example we load an ad rotation script via shortcode, which has both adsense, amazon text only CSS/HTML ads, and our locally hosted text-only CSS/HTML ads. So, you can host your own ads — and graphics — via https.
But yes, if you’re using an ad network that must inject is own JS into page, especially not using https, that will not work. You might contact them to join the party 😉
Yes @snaxzer I don’t minify CSS with any plugin except the one done in my CloudFlare account as explained in your article. Though I was using W3 Total Cache before but I have uninstalled it to follow your tutorial.
What could be happening???
