- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hi,
You use header template 3 that include the logo and the banner side by side. If you want to modify it and remove the logo, you have to alter the code like this – http://screencast.com/t/mmt8TOE5IBh and use this custom css to center the ad – http://screencast.com/t/P0ESknkNgLG4
@media(min-width: 768px){
.td-header-style-3 .td-header-sp-recs {
float: none;
margin-left: auto !important;
margin-right: auto !important;
}
}
Thanks!
the detail on the link
http://www.screencast.com/t/oygqsc4HrBD
fyi i’m very very newbie at this, i already use costum css to hide pulldown menu, will it back to unhide if i use costum css to the eye problem
please response
thank you
Thanks very kindly, Andrei! I carefully followed your instructions . . . without success.
When I added the code to td_module.php, both the author and title disappeared from the category list (yay!), and the date (though not the author) disappeared from single entries.
Please see the following screenshots.
Before td_module.php code:
– category list: http://www.theq.fm/0001-tagdiv-category-before.jpg
– single entry: http://www.theq.fm/0003-tagdiv-single-before.jpg
Before td_module.php code:
– category list: http://www.theq.fm/0002-tagdiv-category-after.jpg
– single entry: http://www.theq.fm/0004-tagdiv-single-after.jpg
I put in the get_author and get_author_box hiding code into loop-single-2.php (because I’m using Theme Panel > Post Settings > Default post template (site wide) > Style 2), but didn’t see any change.
So, I put in the code wherever I could in ALL of the loop-single files (1–8 and single) just to make sure I was doing things correctly, but to no avail.
I also couldn’t see any difference with the custom CSS in Theme Panel > Custom CSS. =(
Finally, I noticed that the changes I could see only took place when I edited the parent theme’s files directly. I didn’t see any difference whatsoever when editing the same files copied into the child theme.
Perhaps I’m misunderstanding the point of a child theme, but isn’t the whole idea to be able to affect change without editing the parent theme’s files?
Such that, when the parent theme updates, all of your changes aren’t lost?
It feels, with 3 out of 4 conditions being filled because of the td_module.php code, that we’re very, very close. I’d love to get that 4th condition (author name on single entries) hidden!
Please advise on next steps I could take, with many thanks again in advance.
=)
See my sticky post on how to minify CSS and JS files manually — from my optimization guide.
To add elements to the speedbooster plugin to move to bottom, read the docs for that (advanced), right side of page.
Hi i am trying to get a better perform on the website but this keeps coming up
“Eliminate blocking JavaScript and CSS display the contents of the upper half of the page newsmag” I know the speed booster should do this authomatically, i´ve already check and is activated but seems not working.
Also do you recommend something to minify css and java i´ve tried some plugins but all have issues like loosing complete format, images not showing even though i change some options to stop that to happen.
Thanks for the help
site url: http://www.tierrapermanente.com
PROBLEM FIXED!!
The problem that was preventing (all icons) via the newspaper.woff, newspaper.tff font files from loading on my site (travel theme 6.4 template) was:
.htaccess file in the wp-content directory with the following code:
Order deny,allow
Deny from all
<Files ~ ".(xml|css|jpe?g|png|gif|js)$">
Allow from all
</Files>
I apologize for being so frustrated over this. It really consumed tremendous amounts of my time to trouble shoot.
I hope this helps someone in the future to check for additional .htaccess files in their directories.
I deleted the .htaccess file from that directory and all is well.
-
This reply was modified 10 years by
mboydnv. Reason: additional edit
I understand that using CSS I could change the Menu buttons to match the Category colours. So if I make my menu News, Sport etc I could make the buttons match the content category colours – how cool would that be!?
I’ve searched and I need the class-I’d
for each button where I can assign a hex value – could you help point me I the direction of this?
Thanks
Pat
Hi!
Is it possible for us to implement something like what the Columbia Journalism Review site implements on their post page?
Please see this: http://imgur.com/KP47net
As you can see, the one marked with the green marker (on the right) is a non-sticky sidebar widget of site-wide seeded trending stories.
On the left, there’s another widget. This time, a sticky, that displays the author bio of the one who wrote the piece.
Since we’re still exploring on the possibilities of maximizing the site in full potential (and we barely have background with css coding, just basic html). We’d like to ask for help on how to put another widget field on the right, and actually implement the same execution as CJR.Org’s.
Here’s our initial try: http://imgur.com/yWxztpX
While we can put a widget on the right (see green box), I believe there’s no provision to put another on the left.
We’d like to hear your thoughts on this.
Thank you!
Love and respect all the way from the Philippines!
– The Popped Team
Yeah I manually minified the js composer css (it’s the biggest file according to gps), didnt shave off that many. Pagespeed still says compressing (gzipping) the file would reduce it with from 600kb, from 750 to roughly 150. Most gzip testers say my gzip is enabled, but somehow GPS keeps telling me I could roughly shave of 2MB (!!) by gzipping all the css. So not all files al being compressed with my htacces rules. Im running a website with an older version of Newspaper on the same server with nginx and GPS doesn’t mention anything about compressing. Have no idea how to fix this…
Also, why do you prefer apache on plesk over nginx handeling php? I’m on a VPS (6gn ram) and my hosting provider said using nginx would reduce my pageload way more than apache. When I have over 2000 real time apache starts to flood the ram :/ That’s why I switched to nginx handeling PHP and configure WP Super Cache with it. Doesn’t break a sweat!
Have you “minified” the main CSS file?
Use the copy/paste minifier site I recommend, to replace your existing CSS file in theme folder. Shazam. 😉
or this one:
http://cssminifier.com/
basically make copy of your style.css file; then open original, select all, copy, paste into box, then minify, then copy the “minified” version into your original file put on the server. This compresses the file, which was the error most people see on google pagespeed — it’s not “compression” of the file via gzip, it’s compressing data in the file … semantics… 🙂
Try that if you hadn’t already…. !
Of course I’m doing plesk on apache, and not using nginx for the baseline stuff only some esoteric stuff.
Hey Chris, thanks for the quick reply, been a long time sincs we spoke. I know minifying isn’t the same as compressing. Google page speed says that compressing visual composer css version something something could save 750kb alone. I’ve run a webpagespeed test and it says that some files are gzipped, but a lot of then don’t.
I normally run wp super cache on plesk with nginx and have gzip compression enabled with some nginx rules, that works perfectly fine. But I’ve switched to apache and wp super cache with mod_rewrite rules and no matter what I try I just can’t get all the css and Javascript to get gzipped. Ive tried .htacces deflate rules and even tried a plugin to do the work for me.
I’m totally lost and think about switching back to nginx with my own additional config. What am I doing wrong?
@r1kay
Welll … minifying CSS is unrelated to gzip compression… minification removed all the blank spaces. Some services do this as part of hosting, or you can do it manually — see my sticky post on optimization for how to do that. (LINK BELOW)
@rishab55555
For the woff fonts you need to add that element to your htaccess — again see my stick how to topic.
YOu also have zero control over the “time to live” for stuff on other websites like google stuff.
You both may find my tutorials helpful here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
🙂
-
This reply was modified 10 years by
simchris.
I have the same problem as you. Gzip enabled but google pagespeed still says i could reduce roughly 2mb by compressing css and javascript. Could anyone help me out?
Hi, is there a dynamic CSS file that NewsMag creates that includes the default colors and fonts? Whenever I load a page on my site, I see the default colors (blue top bar, default fonts, etc) for half a second or so before it shifts to the colors and fonts I’ve set in the backend panel.
I’m a coder, and don’t mind editing a few files to avoid this issue. Is there a file I can edit to hardcode colors and fonts to avoid the theme first showing the default options?
Thank you.
@Thomas …. Yes, well considering how many security flaws Automattic has had the past decade they are not really reliable on the topic. (sort of kidding there … 🙂 )
FOR EVERYBODY ON THIS ISSUE:
One of my friends news portals in Ohio was completely taken down by hackers pummeling the xml-rpc feature which ANYBODY can attempt to access remotely for all sorts of things. Site was down for almost two days, host disabling account, etc., — I had him disable this to get the site back up, then they blocked the IPS of the attacker.
If you’re using a WP feature like Jetpack — which is awful system hog and site slower-downer, or WP mobile apps (um, why not just use iPad and login into your normal account… or use other tools that don’t need THAT function?).
UPSHOT: for “most” people disabling all XLMRPC and pingback features are wise if you run any sizable site with lots of traffic. You will get attacked at some point.
And it should be self evident if you’re adding ANYTHING to your site from this thread you should make some effort to explore what these things do, what they mean, etc.
So, you shouldn’t be adding anything to your functions file or htaccess regarding the xmlrpc.php file unless you make some effort to look at what that does.
Having used WP for 10+ years now, remember this thread was started to show folks how to “best optimize” their theme for WP — one of those methods is to NOT use ping-backs, XMLRPC or Jetpack, which is not very well optimized for web.
Keep in mind WP folk think a CSS redirect for child themes is good idea, when it’s a bad thing for page speed and Google as it’s a redirect for EVERY page load to another page.
Those are my three cents, your mileage may vary — as I often say.
But that was good info for Jetpack folk, Thomas! 🙂
Hello again,
Thanks for the previous assistance. We’ve noticed that the navbar’s width isn’t 100% on width, upon doing research, I stumbled across this website and the illustration in the page nailed what I want to do (http://www.cssnewbie.com/full-width-centered-navigation-bar), i.e. the navbar’s width is the same as the page’s width. I was wondering if this is possible as for the navbar as well as for the header?
Thak you!
Hi
We bought a plugin for bbPress, but its TinyMCE becomes messy like this
https://i.imgur.com/WeVA9lbl.jpg
forum topic creation and reply
However, when it goes to profile edition -> signature section, it become normal
https://i.imgur.com/KxsyuZGl.jpg
plugin provider says
**
Sorry, there is nothing I can do here. Each theme adds tons of styles that can interfere with all kinds of things including the editor buttons. My plugin adds CSS to fix some of the issues common to most themes, but whatever else pops up you need to fix inside your theme.
**
could you please tell how I could fix this?
thanks
Hello,
I have created page in custom css i reduced content top padding and bottom padding to 0px because i do not wants to use that padding in firefox it is working fine but when i checked it in chrome top of my content is overlaped in chrome and i bottem floating bar that i am using to show match fixture,results is also cut off with width.
my page link- thespotkick.com/index.php/2432-2/
this problem is also in safari.
http://postimg.org/image/5ebrqs57n/
http://postimg.org/image/u6bdy0meb/
http://postimg.org/image/qwsddt8wz/
http://postimg.org/image/8imfnkm03/
Load more button also not working on that page in all browsers and in sidebar if you see there are three tabs recent,results, fixture these all links also not working on any browser yesterday these all links were working solve this its important because my website will have thousnds of pages and post in next 4 months.
hi i am trying to find the custom css code to change vertical white line on my left side of ticker to colour #222
i have managed to fix the right side with a colour but not the left…. it seems it’s a border in background but i don’t want to do a global change on border as it affects my posts and other areas.
this works for right 🙂
}
.home .td-container-border:after {
background-color: #222
}
this doe not work for left 🙁 **please can you give me correct code**
.td_block_trending_now {
border-color: #222
}
Hi
By default the theme doesn’t have on option for that but you can use custom css to hide the author name and date from blocks only for the homepage:
.home .td_block_wrap .td-post-date {
display: none;
}
.td_block_wrap .td-post-author-name {
display: none;
}
Let me know how it goes and provide more details if this is not what you mean.
Thanks!
Hi
Replace the previous css with this one (just the one from point 3):
.page-nav-post .td-icon-menu-right:before {
position: relative;
top: -4px;
left: 4px;
float: right;
}
.page-nav-post .td-icon-menu-left:before {
position: relative;
right: 4px;
}
Let me know how it goes.
Thanks!
Hi
The theme uses the style.css file while runs on deploy mode, and to use the less files you need to switch on dev mode like here: http://screencast.com/t/29Z50apqX Note that if you will switch on dev mode the style.css file it’s not used anymore and all customization that you made must be added in less files. By default all code from less files is compiled in style.css file and I suggest you to use that file because the page will load only one file.
Before you do any changes make sure you backup your database and especially for the style.css file, in case something goes wrong: https://codex.wordpress.org/Backing_Up_Your_Database
Thanks!
Up!
Why less_files not work? less_files the disabled? When we have a version with less_files running?
The less_files serve to create a CSS style better and lighter, I do not understand, if the less_files do not work because they are included in the thema? what is the reason?
Hello Diana,
Apply this cusotm CSS in your theme panel : http://screencast.com/t/5n3jBwRs
.rev_slider_wrapper.fullwidthbanner-container{
z-index: 1!important;
}
It should fix your slider : http://screencast.com/t/5n3jBwRs.
Thank you.
Hi,
You can replace the theme default search in header-menu.php file(and implement you code) – http://screencast.com/t/Zj4Xuv7O You may need additional css customization, so I suggest to hire someone to do this for you if you don’t have basic css/html experience as we cannot provide custom work at this time, sorry!
Thanks!
-
This reply was modified 10 years by
Alin [tagDiv].