- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hey,
I am unable to install the update for Newspaper 9. Via WordPress I get an error that the CSS file is missing and via Envato Plugin I am told: The item cannot be downloaded.
Is there a workaround?
I am receiving the following error when I try to install the newspaper theme:
“Installing Theme from uploaded file: themeforest-oMdE1KQf-newspaper.zip
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.”
Hi,
Please try this custom css
.comment-edit-link {
padding-left: 0px;
margin-left: 10px;
}
Hope this will help you!
Thank you!
Hi,
The code need to be set in theme panel > custom code> custom css and will apply on block 4 only -> https://i.imgur.com/BSaytIE.png -> https://i.imgur.com/BOsS5hv.png
Thank you!
Hi,
Maybe this is a confusion made by the subtitle from the article, but the results after you deactivate the standard pack are mentioned in the article here -> https://i.imgur.com/SqPj5qq.png -> https://tagdiv.com/newspaper-theme-update-standard-pack-or-tagdiv-cloud-templates/
Here is our article about the PRO Demos -> https://tagdiv.com/whats-new-newspaper-theme-9-8/
Maybe I’m not right but I do not think that there is a premium theme that have a grate score/speed only installing it on your website without making some optimizations on the website. Indeed there can be some difference that can depend on the theme loading if the theme need to load more css.
Thank you for your understanding!
Hi,
Here is the img -> https://www.screencast.com/t/0xotTfnIwov , also please provide me a link where I can check the problems you have, maybe I ‘ll be able to help you with a custom css.
Thank you for your understanding!
Hi,
Please try this custom css -> https://i.imgur.com/YwACwmq.png
.comment cite a, .comment-link {
display: table;
}
The code need to be set in theme panel > custom code> advance css > phone.
Thank you!
Hi,
If you want you can use some header templates using tagDiv Composer -> https://i.imgur.com/kxxOVkI.png also if you want you can try this custom css -> https://i.imgur.com/Cwl4zRn.png
.td_block_template_1 .block-title {
background: red;
transform: perspective(10px) rotateX(1deg);
}
Please notice that the code will apply only on header blocks style 1, also the ocde need to be set in theme panel > custom code > custom css
Hope this will help you!
Thank you!
I am using newspaper theme and tagDiv Mobile Theme also. I have set caching using WP Super Cache and I have set all caching settings according to the guide – > https://forum.tagdiv.com/cache-plugin-install-and-configure/ . By the way, I am using Cloudflare and I have also set Cloudflare settings according to the guide -> https://forum.tagdiv.com/cloudflare-cdn/
I also set Browser cache TTL to 1 month in cloudflare
Apart from that I have added the following 3 page rules in Cloudflare
https://www.MyDomain.com/wp-admin*
Security Level: High, Cache Level: Bypass, Disable Apps, Disable Performance
https://www.MyDomain.com/wp-login.php*
Security Level: I’m Under Attack, Cache Level: Bypass, Disable Apps, Disable Performance
https://www.MyDomain.com/*
Cache Level: Cache Everything, Origin Cache Control: On
I have also set cache control header in .htaccess . Below is the code
# BEGIN Caching
<ifModule mod_headers.c>
<filesMatch “\\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$”>
Header set Cache-Control “max-age=2592000, public”
</filesMatch>
<filesMatch “\\.(css)$”>
Header set Cache-Control “max-age=604800, public”
</filesMatch>
<filesMatch “\\.(js)$”>
Header set Cache-Control “max-age=216000, private”
</filesMatch>
<filesMatch “\\.(xml|txt)$”>
Header set Cache-Control “max-age=216000, public, must-revalidate”
</filesMatch>
<filesMatch “\\.(html|htm|php)$”>
Header set Cache-Control “max-age=1, private, must-revalidate”
</filesMatch>
</ifModule>
# END Caching
My response header for jpeg file is as below:
accept-ranges: bytes
cache-control: max-age=2592000, public
cache-control: no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0
cf-cache-status: BYPASS
cf-ray: 54988bd04b09c91c-HYD
content-length: 104228
content-type: image/jpeg
date: Mon, 23 Dec 2019 07:15:46 GMT
expect-ct: max-age=604800, report-uri=”https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct”
last-modified: Sun, 22 Dec 2019 07:58:16 GMT
server: cloudflare
status: 200
vary: Accept-Encoding
I have checked with my host and they have replied saying –
We checked the website and it’s currently using CloudFlare service for DNS and caching.
Also, the header reply for client’s site is also returned by CloudFlare server. What we can advise for this case is to correctly configure WordPress website for using CloudFlare for the headers to be correct.
Somehow Cloudflare’s CDN is not caching images and other files(cf-cache-status: BYPASS). Am I missing something here?
Hi,
Unfortunately if you are using Big Grid Full 8 this can be achieve only with custom css, but you can use the Big Grid Flex 2 -> https://i.imgur.com/ysz34Jc.jpg also you can stretch the row to be on full width -> https://i.imgur.com/99jnwmQ.jpg and set the element in it -> https://i.imgur.com/FZ7Q0f0.jpg
Thank you!
Hello,
Thank you very much for your swift replies.
This time I wish to ask how to edit the css of Youtube videos that I embed.. It really looks a bit odd for now because it only looks like a paragraph. Kind of misleading the readers sometimes.
Thank you very much.
no problem, but is there any css code to change shape of header of blocks,,, i Mean rectangle to trapezoid, or any custome shape.
I use your code via theme panel -> mobile theme -> custom css, and it doesn’t work for me.
I cleared cache of wp super cache, autoptimize and cloudflare.
-
This reply was modified 6 years by
gumball44.
Hi,
If you are using the mobile theme plugin, you can not disable the “Latest articles”, what you can do is to show the responsive version, or if you want you can disable the mobile theme plugin, if you are not using this plugin, then you can hide this section with custom css like this one -> https://i.imgur.com/a7JGAcF.png
.td-pb-article-list{
display: none;
}
Hope this will help you!
Thank you!
Hi,
Please provide some more details and some screenshots with the implementation for this custom css
.td-footer-logo .i-amphtml-layout-intrinsic {
max-width: 205px;
max-height: 48px;
}
Also make sure that you clear all cache.
Thank you!
Hi,
Unfortunately for the moment, you can not set the image above the grids, the only way to do that is if you set and image in ad place in mobile theme -> https://i.imgur.com/Ktup4Vy.png -> https://i.imgur.com/9Phobuv.png but this will be display on each page/posts, what you can do is to hide it fore the rest of website with custom css.
Thank you for your understanding!
why? please help
I think what I was saying somehow didn’t come across. I must have not explained it properly. I’ll try again.
Many of your cloud templates, at least 5 or 6 of these feature a look where photos in the post are wider than the text column. It gives the illusion the image is breaking the container, but of course it is not, the text is merely indented I think.
Example..
Single Post Template 35, seen here – https://cloud.tagdiv.com/celebrity-fashion-week-trends-you-need-now/ has images that are wider than the text column, giving the illusion the images are breaking out of the column for a more impactful look.
If I create the template based on this exact post template (35), the area with the images/text is the element “Single Post Content”. The post created of course, shows the element as so – https://www.screencast.com/t/wWb80WrUg1a
Row setting is “stretch row and 1400px content
extra class is td-article-content
Perhaps this is the issue because my css file would not refeeence this class so it would know to indent the text… if this is the case do you have the code so I can add it under extra css in the theme panel?
Without this css reference to make the text thinner so the images POP, when I publish a page using this template, the text is the same width as the images, defined by the width of the container, in this case, 1400.
Thank you
More examples of the wider images/thinner text..
Single Post Template 41, seen here – https://cloud.tagdiv.com/entertainment-buzz-taylor-swift-gets-an-emmy-award-on-her-25-year-old-birthday/ – same thing as all others mentioned. Wider images, skinnier text area.
Single Post Template 49, seen here – https://cloud.tagdiv.com/bold-colors-and-the-expressive-brushwork-of-vincent-van-gogh/ – same thing as all others mentioned. Wider images, skinnier text area.
Single post template 23, seen here – https://cloud.tagdiv.com/how-to-create-the-most-natural-looking-veneers/ – same thing as all others mentioned. Wider images, skinnier text area.
Single Post Template 18, seen here – https://cloud.tagdiv.com/game-of-cooking-see-how-good-you-are/ – same thing as all others mentioned. Wider images, skinnier text area.
Single Post Template 25, seen here – https://cloud.tagdiv.com/spa-and-wellness-resorts-are-amazing-for-your-health/ – same thing as all others mentioned. Wider images, skinnier text area.
Hi there,
I tried to disable Google Fonts completely and just want to use system fonts.
I did everything this forum recommends:
1. Disabled Google fonts in Theme Panel
2. Looked through all the Moduls etc. in tagdiv Composer. Changed everything to “Verdana”
But there is still Google API being loaded and I don’t know from where and why:
Please have a look in the source file: https://www.bawü-kulturmagazin.de/
You will find this:
@import url(“https://fonts.googleapis.com/css?family=Monoton”);
@import url(“https://fonts.googleapis.com/css?family=Montserrat”);
I can’t give you login access to admin yet because it is a client site. Hope we can sort it out.
Any idea?
Cheers
Hi,
You’ll need to edit the cloud header with tagDiv Composer, click on the inner row and set in css tab the margin to “-10” -> https://i.imgur.com/ThgaHNx.jpg -> https://i.imgur.com/nnnAnS0.png
Hope this will help!
Thank you!
Hi,
From what I know is very possible to be a problem in the theme with the load more button, this will be fix in the coming update.
Please try this custom css for load more button ->
.td-load-more-wrap a{visibility: visible !important;}
-> http://prntscr.com/q0l063
The code need to be set in theme panel> custom code> custom css.
Thank you!
Hi,
You can decries the footer logo using custom css -> https://i.imgur.com/MHR0jaE.png the code can be used only if you are using mobile theme + amp option or amp option from Theme panel> Mobile theme -> https://i.imgur.com/OybVRg9.png the css need to be set in -> https://i.imgur.com/SXyDHek.png
Thank you!
Hi,
If you want you can try this custom css -> https://i.imgur.com/qtfov6c.png
.wp-caption-text {
text-align: right;
margin: -20px 0 26px 0;
}
The code need to be set in theme panel> custom code> custom css
Thank you!
Hi,
So if you want to hide on mobile the footer you can use this custom css -> https://i.imgur.com/IasmrmM.png
.td-footer-wrapper {
display: none;
}
if you want to remove only the post and categories from footer then, you can use this custom css -> https://i.imgur.com/n1R7MUY.png
.td-footer-wrapper .td-pb-span4:nth-child(2), .td-footer-wrapper .td-pb-span4:nth-child(3){
display: none;
}
The code need to be set in theme panel> custom code> advance css > phones.
Hope this will help you!
Thank you!
Hello !
You can decrease and increase the spacing between blocks using the css option as you can see it here: https://www.screencast.com/t/jkA4XkbT4sle
Thank you !