- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hello @gorthi !
Try to add this CSS code in the theme panel settings -> Custom CSS:
.td-js-loaded .td-menu-background, .td-js-loaded #td-mobile-nav{
visibility: visible !important;
-webkit-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);}
.td-menu-mob-open-menu .td-menu-background{ transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);}
I hope that helps you!
Thank you!
Kind of a hack, but have you tried changing the version noted in the style.css file to 3.3 and leave that line in after minification?
E.g., copy the top section into another text file; run style.css through minification service (e.g., https://www.toptal.com/developers/cssminifier ); then when it’s compressed, paste the original top section with theme version info back on top above the ‘single line’ minified code. Change version number to 3.3. Upload via FTP, over-writing the original file.
Anyway— that’s what I would do.
Also, the move from 3.2 to 5x was not so bad. I tried this recently. Site running latest WordPress and PHP 7.4x. Main issue was redoing home page, but making note of blocks before switch; moving any custom CSS to the WordPress customizer outside theme; noting settings for any widgets and footers (copy paste any custom code into text file before upgrade); note the modules used for sidebar. Actually was not too bad. Of course, I’ve only done one of the 8 sites so far, but actually not too bad. If running PHP 5x kinda screwed on multiple levels, though. 🙂
Thanks for the insights Simion. Yes we’re on a very old version but can’t update for fear of breaking other things on the site (running an old version of WP and PHP).
My goal with editing style.css is to minify the style.css. It’s excessively large and causing speed issues with the site.
If directly editing style.css isn’t possible, can you recommend any other ways to minify it?
We use W3 Total Cache, which is supposed to support CSS minification, but it doesn’t appear to be doing this for style.css Maybe this is an incompatibility issue between the theme structure and W3 Total Cache, or maybe it is minifying style.css but not style.css?ver=3.2, which is the actual file being served?
I’ve tried kicking all available caches on /style.css and /style.css?ver=3.2, and what happens is I can see the minfification when I load /style.css, but when I load /style.css?ver=3.2, I only see the old code. And as I mentioned, the file that’s actually being serve to visitors is /style.css?ver=3.2.
Hi,
That is the theme version. Newsmag 3.2 was released about 8 years ago. Maybe it would be worth considering to update the theme if possible.
I would not advise making modifications directly in the theme stylesheet. These will be lost when updating the theme or reinstalling it. Instead it would be better to load the CSS you want in other ways. You can override CSS from the theme or add new code by using other methods.
I’m not sure, but I believe that the theme used to have a custom CSS section back then as well https://prnt.sc/8o8D1tSccpH1 Could you please check? Or you could add CSS in the wordpress customizer panel https://prnt.sc/8E0yUhbSt5Tm -> https://prnt.sc/JBxjRTC_OlMe or with a plugin. Or through a child theme.
But if you want to modify the stylesheet directly, that should be possible.
Let us know if we can help or if you have questions. Assuming the code is valid, maybe all it needs to see the changes is to clear the cache, and purge the CDN files if you use one. But I would still suggest not doing it that way, and instead add the code you want in a different way. Could you please mention what modifications you want to make, or what code you want to add?
Thank you!
ver=3.2 seems to be related to the version number of the style.css sheet rather than a cache: https://i.imgur.com/FzlXHGw.png
I’ve tried clearing every cache I have access too and can’t get any changes to stick.
Hello, the css on the page is broken, I’ve already uninstalled plugins, changed the version of WordPress, updated the theme and nothing. There are spaces on the website that are blank, icons are misaligned, etc. Can you help me?
I’d love to be able to edit it directly through the editor, but even if I have to do it via FTP… I still need to know which file to edit exactly. Because https://roadtovr.com/wp-content/themes/Newsmag/style.css doesn’t seem to be the correct file.
I’m trying to edit my theme’s /style.css through WordPress editor (https://roadtovr.com/wp-content/themes/Newsmag/style.css). I’m doing this by going to WordPress -> Appearance -> Editor -> Theme Newsmag -> Style.css.
I can edit style.css just fine, and when I visit the URL above I can see the change is live.
However, when I load the front page of my site, I can see that the file that’s really being served is /style.css?ver=3.2, and this version does not include the changes I made in the editor.
How do I edit /style.css?ver=3.2 specifically?
Hi thanks for the suggestion. I added this as a CSS module on the template but it made no difference. I see that the iframe that the video sits in is set to width=”600″ height=”560″. This is an incorrect aspect ratio for video and I cannot find a setting to control this. Frankly, my team has spent far too much time on this. I dont really want to mess around with code, it should be native to the element configuration. I would like to control the height or width but keep the aspect ratio.
Another issue is that I would like to show my own image over the video before the video plays. I enter an image in the post but it looks like this is ignored.
Thx
I am not sure if you are going to see this after all these years, but, your CSS code worked just fine.
The hover effect shows only on posts 🙂
How can I make it to show on bullet point lists as well?
I have an issue where the site won’t display properly for anyone not logged in either for the desktop or mobile unless I go and clear the cache and used CSS. I never know when the formatting is going to go out of whack, so this is highly annoying and probably driving away a lot of traffic. I have WP Rocket installed and I never had this issue before but it seems the latest versions of the theme have a problem.
There is also an issue with the Instagram and X widgets where Instagram just shows I have 0 followers all the time and X is frozen at 1710 followers.
My site is located here: https://www.theaterbyte.com
Hi
we just upload the files via FTP. In theme panel we just set to default or something like sans-serif (I forget). But don’t select any Google font.
Lots of CSS minifiers online, like this:
https://www.toptal.com/developers/cssminifier
basically paste in all the css and then save out to a new style.css then compare file sizes! Good for at least 50kb right there.
What we do here with both v3 and v5, is open up the style.css file and do search and replace both of these:
font-family: sans-serif;
font-family: 'Open Sans', arial, sans-serif;
with safe font stack:
font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Helvetica Neue",-apple-system,BlinkMacSystemFont,"Dejavu Sans",Oxygen-Sans,Ubuntu,Cantarell,Arial,arial,sans-serif;
then run the style.css file through a CSS minifier to remove all comments, which will lop 1/3 of the file size
Hello!
@David Those settings are for the standard headers. The WP Rocket “remove unused CSS” feature creates this kind of problem; that’s why I’ve asked you above.
@thecitylane If you sent an email, then we will take a look and try to help you as soon as possible.
Please be patient!
Support Hours (GMT+3)
Monday – Friday:
8:00 AM – 17:00 PM
Thank you!
But we enabled it in “Newspaper Theme Panel” -> “Layout Settings” -> “Post settings” -> “General post settings”, as it was disabled here, and now 24h and 48h views are working again.
So – you changed something with this setting after v12.4?
When we tried to use Newspaper, we turned it off, because we needed to count how many times the page has been viewed, but the page itself does not show how many views the particular page has. It didn’t help (we did it with css -> .tdb_single_post_views { display: none !important; }, because according to the description it only applies to the [shortcode] setting, but it remained turned off for us and was turned off all the time.
I really hope that it is “at last” 😀
Hi,
I think that it can be done with an advance css or using js something like in this example – https://www.w3schools.com/howto/howto_js_sticky_header.asp
Thank you!
Hello,
The quick solution is a custom css like this one:
.tdb_single_featured_image .wpb_video_wrapper img {
display: block;
width: auto;
}
.tdb_single_featured_image .rll-youtube-player {
padding-bottom: 35%;
}
This can be set in the theme panel > custom code > custom css.
I hope this will help you!
Hi,
Please try this custom css:
.single table {
min-width: 640px;
}
This css needs to be set in the theme panel > custom code> advance css > phone – https://i.imgur.com/vuGJKr1.png
I hope this will help you!
Hello,
I see, this can be resolved using a different single post template or a custom css, if you do not want to change the template, please try this css
.td-post-featured-image img {
margin-left: auto;
margin-right: auto;
}
The code needs to be set in the theme panel > custom code> custom css – https://i.imgur.com/Ee0FkZ9.png
Thank you!
Hello,
If you want to remove the animation to improve the INP then it will be better to use a cache plugin with CDN and this will provide the needed results (there are cache plugin that will not load that part of website if is not interacting with it, doing this the website will be faster and have better score).
Other alternative is to overwrite the css from the theme to remove the transition time
Thank you!
Hello,
Until no we didn’t made any changed for the table layout in our theme, but it is possible to be done in latest WordPress updates. What I can do is to provide for you a custom css that will make the tables to have that horizontal scrollbar, the code would work similar with the one from here – https://www.w3schools.com/howto/howto_css_table_responsive.asp but I will need a link to your website where I can inspect the tables and make the code to apply on them.
Thank you!
resolved….
basically, did update via theme panel, rather WP panel > updates > themes
then simply dragged over my FTP copy which has the CSS fixes for generic fonts on top of the “updated” copy.
Solved. Weirdness 🙂
Latest version of WP, and running PHP 8.1x.
Probably some aggressive caching thing in PHP 8.1x behaves differently than 7.4x.
Hi, okay; just updated my beta revamp from 5.4 to 5.4.2 for the security fix.
I am the FTP upload guy; so I don’t update via the theme panel/WP admin. Via FTP I wipe old theme and td-composer folders; then upload new ones so no overwrites and no timeouts on curl and such.
Oddly, under updates > themes, this is showing:
Newsmag
You have version 5.4.2 installed. Update to 5.4.2.
LOL. Say WHAT now? Just for laughs I tried updating the style.css file to 5.4.21 or 5.4.3 and still showed update needed. I don’t want to deactivate and reactivate theme due to settings, although I have custom CSS in the customizer.
Not sure how I’d clear that. I guess I could hit the update button and see what happens, and worst case just upload the FTP version. (Only change I made to CSS file was my usual fix of removing any default fonts like open-sans to move to the more common web-safe font stack.)
Not critical, just an oddity.
