Forum Replies Created
-
Posts
-
The header image is embedded in the <head> so you need to embed the following css just before </head> which I think you can do with Genesis-Simple-Hooks in the "wp_head Hook"
The first line eliminates the image on all pages, the second line puts it back on the home page.
<style> <!-- .front-page-header { background-image: none;); } .home .front-page-header { background-image: url(//your-domain.com/cafe/wp-content/themes/cafe-pro/images/bg-header.jpg); } --> </style>This will leave the logo centered over the menu on the inner pages.
Try it this way in your function.
wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js' );
wp_enqueue_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js', array( 'jquery' ) , false, NULL, true );Are you moving jquery-migrate to the CDN also?
Suggestion: move your js to the bottom of your html. You can do it with a plugin or manually in the functions.php
Frank
Hi Victor,
What I'd like to point out is that you did the right thing. There was a problem, you isolated it and decided the best course of action was to not minify. Did you experience similar problems with Rocket and other themes?.
First, I agree that there are risks anytime you add complexity so you need to take that into consideration. Though I think that if there is a problem it is likely to be from a conflict with another plugin.
I have not used WP-Rocket so I can't speak specifically to it but I have and do use W3 Total Cache in combination with Async JS and CSS with very good results. The only problem I have run into so far is with Foo Gallery that has a conflict with Async Js. Lately I have I started combining JS files and Css files to reduce DNS requests then minifying them manually.
Try PHP Text Widget - https://wordpress.org/plugins/php-text-widget/
Add this to at the end of your style.css file
.home-section-4 {background-color:gray;}Change gray to the color you want.
You won't find that particular arrangement but you can duplicate it by using 2 text widgets. In the first text widget use class one-third which will give you 3 areas for your content or use one text widget with 2 sections--the top section using class one-third.
Hope this helps.
I had a similar problem on with a different theme and different slider. The height of the slide is not recognized past front-page-1. I tried various fixes the only one that worked for me was to add a padding-bottom which needs to be adjusted for different media points.
Here is a partial solution similar to what worked for me:
Add to your css:
.front-page-1 {padding-bottom:1900px}This will work on large screens but needs to be adjusted for smaller screens.
When I clicked on view background image from my browser the image was not found. Try the using the complete url to the image in the css.
From your html:
<div id="attachment_582" style="width: 610px" class="wp-caption alignright"> <img class="size-full wp-image-582" src="http://www.westminsterav.com/wp-content/uploads/2015/04/buckeyes-600x267.jpg" alt="Audio/Visual Equipment provided by Westminster Technologies." />Try removing inline style width:610px or change to max-width:610px;.
Your table looks like it can be accomplished and styled much easier with an unordered list in a text widget.
Your table looks like it can be accomplished and styled much easier with unordered.
Something like this:
<ul> <li>Copyright – 2015 – Grupa Magnalium:</li> <li>winternecie.info</li> <li>prywatnosc.winternecie.info</li> <li>redakcja.winternecie.info</li> <li>prawnik.winternecie.info</li> <li>dentysta.winternecie.info</li> <li>firma.winternecie.info</li> <li>infolotnicze.pl</li> </ul>From GTMatrix:
(Notice that your images are being reduced to width 500px and height ~270px; resizing them will give you a 39% reduction.)
The following images are resized in HTML or CSS. Serving scaled images could save 130.1KiB (39% reduction).
http://wellnessowners.com/wp-content/uploads/2015/06/over-eating-holiday-season.jpg?8c649f is resized in HTML or CSS from 665x350 to 500x263. Serving a scaled image could save 28.1KiB (44% reduction).
http://wellnessowners.com/wp-content/uploads/2015/07/forest23.jpg?8c649f is resized in HTML or CSS from 700x379 to 500x271. Serving a scaled image could save 26.7KiB (49% reduction).
http://wellnessowners.com/wp-content/uploads/2015/06/busy.jpg?8c649f is resized in HTML or CSS from 640x352 to 500x275. Serving a scaled image could save 15.5KiB (39% reduction).
http://wellnessowners.com/wp-content/uploads/2015/06/walk2.jpg?8c649f is resized in HTML or CSS from 631x350 to 500x277. Serving a scaled image could save 15.0KiB (38% reduction).
http://wellnessowners.com/wp-content/uploads/2015/06/last2.jpg?8c649f is resized in HTML or CSS from 657x350 to 500x266. Serving a scaled image could save 14.9KiB (43% reduction). ...Goto: http://tools.pingdom.com/fpt/#!/5lO8H/http://wellnessowners.com
It gives you a better readout of all the requests being made. I would first look to see if any of the requests could be eliminated. For example most sites do not use wp-emoji-release.min.js, if you are not using it eliminate it. Second you may be able to combine separate css files into one file and js files in fewer files. Use http://jscompress.com/ to compress and combines css and js files.
One other thing you can do is to defer your js, I looked it up and found that W3 Total cache does not defer js. You can use a plugin like WP Deferred JavaScripts that will defer your js.
According to http://tools.pingdom.com/ your site loads in in 1.34 seconds from NY which is acceptable but I think loading under one second is doable.
Frank
You have a wrap max-width of 1400px and 4 footer widget areas each with a width of 250px;
This is your code:
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4
{
width: 250px;
}You need to adjust the above width.
Hope this helps.
Frank
The widget ID is #front-page-2 and the class is .front-page-2. You shouldn't need to change anything in ID.
Insert your code at the end of styles.css
.front-page-2 {
/*css goes here */
}Back up your file before making any changes.
Hopes this helps.
Frank
Open your functions.php file and look for : function cafe_enqueue_scripts_styles() {
Add:
wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Tangerine:400,700|EB+Garamond|Dancing+Script’', array(), CHILD_THEME_VERSION );Make a backup of your functions file before you make any changes in it.
Frank
It good to someone taking performance seriously.
Resize your images to 500x275. Look up snippets for genesis for the code you could put in your functions file to resize your images. This is likely to give you your biggest improvement.
I see you are using W3 total cache but apparently it is not setup correctly to set the cache period appropriately.
Here is tutorial:
http://www.wpbeginner.com/plugins/how-to-install-and-setup-w3-total-cache-for-beginners/
You site makes 73 requests, I would look for ones that could be eliminated or combined.
For the footer I would use a single footer with two sections of thirds. To keep them even use clearfix to separate the sections.
For the sub footer I would use one-half with a padding-right:25px on first and padding-left:25px on the second half. You may have to adjust the padding to get it exactly the way you want.
