Search Results for 'css'

I already have W3 Total Cache enabled, but I had to switch of minify as the front end of the site just becomes a blank white page when enabled.

I also have force gzip plugin installed in wordpress which worked great in the past for my compression.

Page Rank is saying I need to lower the size of css, but I dont really want to tinker with it.

Of course, you can try my solution to fix it “right now” by adding the italics to the section after line 902 (or if it moved back to functions.php in v1.1 the appropriate code for droid sans there); or add the italic pull from Google to bottom of style.css.

Built in fix would be optimum, of course.

Might not help arved but i can see the blue top and white bottom icons while on my ipad air, in chrome, safari, and also roboform browser, for your site just fine.

You do have notable lag time in your css loading as i see your home page as text links before the css loads.

• This reply was modified 11 years by simchris.

@Danijelmo
You don’t need to post the same thing over and over.

Try testing your site with GTMetrix.com as it will tell you specifically what your site problems are and classify them by things like “Server” “Images” etc., with explanations.

Did you setup gzip/deflate on your server? [looks like you did!]

Did you edit your htaccess file (if applicable) to add expiration headers (e.g., mod_expires settings)?

Did you install an optimization plugin for images/thumbnails or change the default setting in your functions.php file?

Are you using the tagdiv speed booster plugin?

Did you disable system hogs like jetpack? Disable all plugins you’re NOT using?

Are you using a caching plugin once all of the above is working?

————

based on this you have some issues:
http://gtmetrix.com/reports/crnjaci.com/fxrIs409

1) you’re loading images off wp.com instead of your own locale; using a CDN for un-optimized images doesn’t make them load any better
2) you need to add instruction to the functions.php file to remove query strings (see my help on that in the pagespeed sticky topic)
3) you have some ridiculously huge images….
•http://i2.wp.com/crnjaci.com/wp-content/uploads/2014/08/IMG_0380.jpg?fit=1024%2C1024 is resized in HTML or CSS from 768×1024 to 291×388. Serving a scaled image could save 253.5KiB (85% reduction).
•http://i0.wp.com/crnjaci.com/wp-content/uploads/2014/08/10250323_10152304836090758_9213683227347813057_n.jpg?fit=1024%2C1024 is resized in HTML or CSS from 1024×768 to 291×219. Serving a scaled image could save 245.6KiB (91% reduction).
•http://i1.wp.com/crnjaci.com/wp-content/uploads/2014/08/DSC03988.jpg?fit=1024%2C1024 is resized in HTML or CSS from 1024×768 to 291×219. Serving a scaled image could save 241.2KiB (91% reduction).
•http://i1.wp.com/crnjaci.com/wp-content/uploads/2014/08/IMG_0594.jpg?fit=1024%2C1024 is resized in HTML or CSS from 768×975 to 291×370. Serving a scaled image could save 238.1KiB (85% reduction).
•http://i2.wp.com/crnjaci.com/wp-content/uploads/2014/08/IMG_0213.jpg?fit=1024%2C1024 is resized in HTML or CSS from 1024×683 to 300×200. Serving a scaled image could save 228.1KiB (91% reduction).
•http://i1.wp.com/crnjaci.com/wp-content/uploads/2014/08/10568980_10150651663339953_7674800880872619968_n.jpg?fit=1024%2C1024 is resized in HTML or CSS from 960×720 to 291×219. Serving a scaled image could save 199.1KiB (90% reduction).

Looks like you need to seriously look at your image optimization problems as your images look to be way too big when actually served on the pages.

Wny would you have a 250kb+ image file? A 1024×768 image if properly optimized should be no more than maybe 75kb.

BTW: optimizing your server/site for PageSpeed is YOUR job, not the theme’s job. Good to learn how to do this by reading up on the topic on Google as well as the docs provided with the theme as a courtesy.

Hi
theme uses a custom font for all the little icons which is more efficient than loading a graphic a million times with CSS (sprites). E.g., using FontAwesome or similar. What you’re seeing is the font not loading and hence you get “broken” icons that look like [].

The only issue with this is that for folks using a CDN, there is a cross-site security setting that most people using CDNs don’t know anything about unless they have run into this before.

In fact, there is a setting you would need to create for the font file if loading off the CDN, called a “CORS” file. You should see the docs for your CDN on how to do this.

Or, simply load the custom font file off your local server – which with many CDNs you do by creating an “exception” in your CDN setup to NOT load the font file(s) on the CDN and leave on the domain where the site happens to be. This will often be simpler method for those who don’t want to deal with setting up a CORS file.

Great article from 2013 which helped me with this issue when we were setting up a CDN; we had to create CORS entry. Later we chose to simply load off our local server (where the domain and WP are installed): (THIS EXAMPLE IS FOR AMAZON, BUT SIMILAR PRACTICE WOULD APPLY TO ALL CDNs):
http://schock.net/articles/2013/07/03/hosting-web-fonts-on-a-cdn-youre-going-to-need-some-cors/

Info from MaxCDN
http://support.maxcdn.com/how-to-use-cdn-with-webfonts/

Probably admin here will need to make a very short tutorial on this topic, since more and more people are using CDNs, without actually knowing how they work. 🙂

Try this:
1) make backup of your site files, as per usual good practices; use tools to export your database from WP panel. Backup images.

Clear cache.

2) make sure you’re running latest version of WordPress (4.1); v 3.9x has cross-site scripting vulnerability; v4.0 has bugs, fixed in 4.1.

3) switch to default theme (e.g., twenty-twelve); do this before disabling visual composer!!!!!

Clear cache again, as applicable.

4) disable ALL plugins

5) DELETE the original theme folder, delete the original plugins for theme (TD speed booster, TD social, Visual Composer)

Then follow my posts on best way to install theme:

================================================
Make sure you upload only the main theme files; don’t install the “all files” zip from ThemeForest… that has docs, psd files, plugins, etc.

You want to install the smaller of the two files on Themeforest, if you’re installing via theme panel with .zip.

BEST WAY TO INSTALL WP THEMES:
Ideal way is still to
1) unzip theme folder “Newsmag” on your HD
2) upload via FTP/SFTP to your /wp-content/themes/ folder
3) upload the plugins unzipped to /wp-content/plugins/
4) switch to default theme from your old theme [should already be done for migration]
5) turn off *all* running plugins [should already be done for migration]
6) clear your cache(s), turn off caching (!),
7) activate the Visual Composer plugin
8) activate the new Newsmag theme
9) launch the theme panel
10) reactivate only the plugins you 100% need to make sure they work (some plugins WILL NOT WORK properly with WP 4.01 until you update the plugins!).

Clear the cache in your WEB BROWSER FULLY and restart web browser; this clears any CSS/Java used by your previous theme admin, and theme, so that you see the new CSS/JS properly (seriously, this is cause for huge number of “my new theme doesn’t load right” or “admin panel doesn’t have any boxes!” errors).

If you’re running WordPress older than 4.0 be aware there is a very serious cross-site scripting vulnerability (e.g., WP 3.9.2). You should be running WP 4.0+ to use this theme properly.

This is standard practice for switching to a brand new theme and good habit to get into doing it this way to ensure you clear cobwebs on old, and cleanly move to new.

Hope that helps! 🙂

Chris

==========
ADVANCED USERS:
if you or somebody else optimized your site for better PageSpeed score and increase dbase efficiency, by editing the wop-config.php file to add absolute paths to the theme folder, you will need to remove that line prior to doing any theme switch. Some people forget this step and immediately get a server error trying to change themes in the WP admin panel. You should be making backups of your wp-config.php folder periodically anyway and never hurts to open it and view from time to time.

• This reply was modified 11 years by simchris.

@Thakksy

In your style.css, go to 1833 line and replace this:

.format-video p {
padding-top: 11px !important;
}

with:

.format-video p {
padding-top: 0px !important;
}

This should fix the issue. Let me know.

Thanks!

You might need to reduce the width of your logo in your style.css file. I reduced mine to at least 256px (which worked for me) from the settings default of 272px. That’s the only thing I found that would solve the problem when the header ad appears on the right of the logo. The developers might have another solution, however.

Yes I know I have to change the references everytime I update the theme, but since I’ve only changed the ‘accessible’ references I believe it is worth it 🙂

I just looked at the page source of my site and changed the visible code like .css, .js etc..

You can try accessing those files in web browser to see if they are publicly reachable. Most will have 644 permissions so only readable by WP.

But again, all the CSS “class names” unique to tagdiv used throughout the code when printed on the page, could easily be figured out if somebody really wanted to know.

Keep in mind you will have to redo all these changes with an update to the theme (e.g., v 1.2), so normally you would not do this until you are 100% sure everything is working for you. And also be aware you might not want to change some things used by the speed booster plugin as that may break if it can’t find its pre-named pieces.

Security issues would be more likely an issue with cross-site scripting bugs, as found in WordPress 3.9.2, and the version of YOAST prior to the one releases this week. I’d worry more about staying on top of those kinds of vulnerabilities, but I suppose you’re doing that also if you’re going to be obsessive about hiding as much as possible.

There are some good tutorials on line related to hiding info about WordPress, which folder can be changed, setting up security to stop multiple login attempts, deleting the “admin” account for WP, etc.

Thank you for your detailed explanation!

I have changed all references to “divtag” and “newsmag” in files people can view easily(.css, .js, image names, folder names etc…). I have not changed references to “divtag” and “newsmag” in the admin files because it is already hidden to outsiders.

I have not changed .php, .less, .po and .mo files because I was not sure if these files could be accessed by visitors. Do you know if these files can be accessed/read by people?

• This reply was modified 11 years by fbengo.

You may want to read up on how to use WordPress from the WordPress Codex; you *can* simply rename the theme folder and CSS name for the theme; which is how it’s done for web development, such as for a client, or better security (we do that here, changing theme name to sitename). If you’re comfortable editing the functions.php file, then changing the theme name is done simply by editing the style.css file which is where WP picks up the theme “name.”

Note it won’t change the theme style classes so somebody can very easily “figure out” which theme you’re actually using, if not the version.

Are you removing all the versioning from your site using the commonly available code to put at bottom of functions.php? That is also recommended to hide versions of WP, and also visual composer (see my separate post on how to also hide that code).

TO THE POINT (sorry!):
You can remove that “theme credit” code from functions.php without anything breaking, but be aware it makes it harder if you ask for tech support in the future if the admin here can’t figure out which version of theme you’re using when looking at your page source to debug any of your possible problems with CSS, customizations or running plugins, etc. If you’re comfortable in remembering to always “state” which version you’re using (and keep track of that somewhere), when needing support, you should be fine. 🙂

We actually use mod_pagespeed which just removes *all* commenting for faster page loading, which is recommended if your hosting provider offers that.

You can also further optimize the install by placing the explicit paths to the new name theme folder in your functions.php folder once you’re “set in stone” (obviously if you switch to another theme from admin, it may break) and also the site name URL, but that’s a bit advanced. Research the WP Codex on how to do many things like this (some of that is in my long winded comments in the Newspaper forum under the “Pagespeed” sticky topic).

Hope that helped, versus annoyed 🙂

It`s working on SUBmenu and hover MAIN (picture 1), how to change active MAINmenu item (picture 2 – from white to color I want)?

Another problem with your code is: when the homepage is active menu, colors of other items are DEFAULT (black), not as I definite in custom css (theme panel) …

Thanks in advance.