- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Haven’t tackled that yet. I just turned off and removed the revolution slider code and plugin, to solve that for the time being. (sigh)
If you’re not using it, turn off the plugin and that should solve it.
If you’re using the slider, then, the only real way to fix that is to combine the CSS files into *one* CSS file (I actually also manually minified my main style.css for instance).
Not doing anything more until stable v3 theme (e.g., ahem … 3.01 or 3.02 ?), since I don’t want to redo anything again at this point until v3 is stable for the stuff we use.
I also manually removed reference to google fonts from the functions.php on one site, and did search/replace in the style.css to replace all Google fonts with web-safe fonts, just to see what happened. Solved couple of PageSpeed Insights hold-ups.
Anyway…”80″ for mobile right now is actually the minimum to not suck, frankly, and 95 is right there (you’ll notice it will vary from 92-96 depending on the page content, placement of the moon, and whether your cat is asleep…).
Glad all my little tidbits are helping somebody. You’ll be seeing less and less of me around here, but very glad it’s been useful !
Yeah, I do not know what to do, I copied the search box from the menu.header from the theme CSS before the update but still no go…
Guess we just gotta wait for an answer..
You could try looking in the style.css located in the theme folder
You could try setting the background image to a separate logo LINK
What is the easiest way to change font-family to Arial,Verdana on the whole website in v3? Tried to do it in style.css by replacing ‘PT Sans’ to Arial,Verdana but it didn’t work.
Thanks
I’ve actually optimized every single in the theme. Even backend đ
It’s only because the theme is so great I’m pushing for KBs. I know my site is more than good enough to run as is. But no one likes red flashes on validators đ
This topic kinda got merged into my other one as both “problems” seems to be rev slider related.
thanks for your awesome support on here @christopher
“Eliminate render-blocking JavaScript and CSS in above-the-fold content”
It’s the only error I have left on PageSpeed Insights. Currently at 80/100 mobile and 95/100 desktop.
“Your page has 2 blocking script resources and 3 blocking CSS resources. This causes a delay in rendering your page.”
All those are related to Slider Revolution, not the theme. That’s why I’m curios how you can get rid of them. Can you get these removed by adding stuff to .htaccess? Or some server setting?
The demo is likely using the elements that Radu recommends from the thread:
https://forum.tagdiv.com/how-to-make-the-site-faster/
So, make sure you’ve done all that. And adding the elements to your htaccess is good practice for ALL wordpress sites (all websites in general really), and the theme can’t fix issue with web hosting, caching, headers for expiration, et al.
Note also in his demo he’s not using adsense (Google Ads), recaptcha for comments, some social media hogs, or plugins that abusively insert additional not-needed CSS files in the header. SO, generally for your own speed optimization, presume to turn anything OFF which inserts bad behavior stuff (like, ironically Google’s own ad stuff much of the time).
But the page Radu has (linked above) tells you the basics of what he did to optimize the theme.
hmmm,
I’m working my down my list of improving my pagespeed. I’m getting closer but i noticed that the demo don’t have the same warnings. So there must be some way to improve it without doing coding đ
Hi Marius,
I administrate website http://www.uesmag.com for “per123” and add logo directly in menu
<img src="images/uesmag_logo_header_white.png" height="26" width="152" />
but which css I must change with
.affix .menu-item-525 {
display: none;
}Thanks
I noticed that the date box that is overlaid on the 2 column slider appears to be a pixel lower than the category box that it is right next to. This only happens to me on a Retina Macbook Pro.
I fixed the problem by editing the line-height attribute of CSS in media=”all” .iosSlider .slide-meta-author. I changed it from 28px to 29 px. I haven’t been able to confirm if this makes it too high on a standard display.
Also, does anyone know if it would be fairly simple to add the category and the date to the large image on the “Big Slide”?
Thanks!
Hello,
Use the css provided above but don’t forget to change the menu-item-xxx with yours
.affix .menu-item-525 {
display: none;
}Give me your site URL weith logo in menu and i will give you the fix.
Thanks!
This is common with all wordpress themes (and most websites really)… it’s not an issue with this theme.
If you’re interested in “some” of the tricks we’ve been using to try to get around this check out the pagespeed sticky topic.
Using the tagdiv speed booster plugin can help, as can things like caching, mod_pagespeed with hosting provider, etc. It basically “enqueues” several things to load better on pageload.
https://forum.tagdiv.com/topic/pagespeed/
It’s a process, I can tell you. I also wouldn’t stress over it tooooo much. Worry about everything ELSE first, and leave THAT for last. Note some of the blocking errors will come from Google’s own products like AdSense.
When you add a link in your post, simply add target=”_blank” to any link you create in your posting. Basic HTML.
Or, you could make a new CSS class and apply the class to any links you want — this is commonly done with a class “external” then when you make a link in your post do class=”external” … see:
SEE: CSS3 target tag:` http://www.w3schools.com/cssref/css3_pr_target-new.asp
`
This is not a function of the theme. You may want to look at a plugin to do this, or research if there is an “auto link” plugin which makes external links open in new tab/window.
If you want to make all links both no-follow along with open in new window, this plugin is helpful for that – we use this on some of our sites:
http://wordpress.org/plugins/wp-external-links/
There is also this plugin I’ve not tried and have no further info on:
http://wordpress.org/plugins/open-external-links-in-a-new-window/
Hello,
1. For the bottom shadow you can edit this image images/header/bg-shadow.png and make the shadow like you want.
2. You can use this if you want to generate a gradient from CSS http://www.colorzilla.com/gradient-editor/ or make it with a png and overlap it if is possible somehow.
3. Remove from widget the socials, and about ad on header, don’t use ads and the space will be empty.
If you use background image or color for categories the them will switch to boxed version.
Thanks for the message!
Hello,
Another solution is to add the logo with <img src=""/> tag directly in menu as an item from menu and hide it from CSS with this code: *replace menu-item-525 with you CSS selector of the logo.
.affix .menu-item-525 {
display: none;
}Thanks!
Hello,
We strongly recommend to hire a freelancer if you don’t manage to make the changes, took to much for us, and we are working very hard to make updates and lunch other projects.
1. Use this css
.td-header-menu-wrap {
border-top: 3px solid #2EC4DB;
}For menu use this css:
.td-menu-wrap {
border-radius: 20px;
border-top: 1px solid #777777;
-webkit-box-shadow: 0px 4px 0px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 4px 0px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 4px 0px 0px rgba(50, 50, 50, 0.75);
}Thanks for understanding and sorry for the inconvenience!
Hello,
In your case you can change it with this css, add it in style.css: or in V3 we have a new panel that have a custom CSS area.
.td-boxed-layout .td-menu-background .td-menu-wrap {
background-image:url('link to your image background') !important;
} Thanks for the message!
Hello,
What you can do is to make the text smaller on ipad to fit the menu content.
You can add this in style.css
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu > li > a {
font-size: 11px;
}
}Thanks for the message!
Hi,
where is this coming from? And can I remove it?
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fcreactivate.no%2F
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 4 blocking script resources and 13 blocking CSS resources. This causes a delay in rendering your page.None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Remove render-blocking JavaScript:
Sorry here is the screenshot:http://usa.greekreporter.com/files/2014/01/header_css.png
Thank you Marius for your response. I have ben trying to get the css styles but for some reason I fail. Is it possible to help me achieve this since we need the changes asap for our boss…
Summary:
1) top navigation border
2) top navigation full in boxed mode
3) reduce white space above logo and top ad
4) Border on main nav
5) 3 px shadow around the box layoout
Please take a look at this screenshot which shows exactly what we are trying to achieve
Thank you so, so, much!!!
Hello,
Use the css from above to reduce the space on homepage. On post looks fine http://screencast.com/t/yJgKPrZ0HiX
Hello,
You have to edit the top menu file is located in parts folder and remove the social section and use full with a span12. The margin can be removed easily with a css.
I can give you more details how to make it in V3, if you don’t manage it in V2.X, but we want to release V3 and this have some file structure modification.
V3 will be ready this week.
Thanks for the message!
Hello,
1. Big slider work only on full width(3 columns) you can use the Homepage blank template and add the Big slider with Visual Composer.
2. Use Homepage blank or Homepage – bg – no article list and add 2/3 + 1/3 columns with page buiilder. first column 2/3 add a block like you want to display the posts and use “Load more” as setting. http://screencast.com/t/8oDdcRyAQoW and use the next columns 1/3 as sidebar, add from page builder Widgetised sidebar and select a sidebar that you want to use.
3. To add another banner you have to add it directly in code, in v3 the file is in parts folder, the files with header…php(depends what style of header do you use)
4. The space can be reduced via CSS, use inspector from Chrome or firefox and add your custom css in style.css or in V3 we have a section for custom CSS.
Thanks for the message!
Hi,
I think a VPS would be overkill unless you are making a living from your blog or intend to host multiple blogs and want “total control” of your environment. Nice to have “room” to try different themes, sites, domains, etc., without having to sign up for a “domain based” account someplace. If you do choose a host, look for one that supports mod_pagespeed and also knows what wordpress is đ
For a CDN, likely not needed unless the host is terribly slow (for example, a slow $5/month hosting plan plus $1/month CDN can be cheaper than $10/month plan, in theory).
For us, a CDN is useful as folks in NY or Canada can get stuff loaded faster when we’re in Calif., and servers are in Texas. It does seem to help as the CSS/JS/images all load from closest “edge” location. Again, usually more necessary for a business case than a blog case (my magazine sites don’t make any money really; they’re a bit of a hobby side thing from our main company business which does rely on high “availability” hence the fun I am personally having right now optimizing shtml/ssi pages in one place and WordPress everywhere else … each need different tweaks… ).
Obviously a host with “point of presence” in Norway is best choice. You don’t want to be loading pages from Texas when your audience is in Norway. I have not used BlueHost. We use SoftLayer to have a full server here in U.S., but that’s totally different from what you need.
