Forum Replies Created
-
AuthorPosts
-
HazardMember
I think I have it working properly now. I unchecked Line break removal in HTML & XML Minify, cleared all the caches and it seems to be working fine.
HazardMemberI’ve done lots of testing and I’ve minified all of the css files above. prettyPhoto seems to be only a problem when viewing the site on Firefox.
The plugin works great in IE, Chrome, Safari on desktops, and on safari tablets.
Yes, I am using HTML & XML Minify:
Enable – Checked
Inline CSS minification – Checked
Inline JS minification – Checked
Line break removal – Checked
My site is very fast as it stands. On GT Metrix, the Google Pagespeed is 99%, Yslow is 98%, Page load time of 0.95s. The page is 807KB.
This exercise for me is about learning how to optimize properly and making sure the sites functions properly. This prettyPhoto issue has been a touch nut for me to crack for a long time.
Any insights you can give would be appreciated.
Thanks!
[http://www.aquariumcarebasics.com/]
HazardMemberOn my end, minifying this css file (wp-content/plugins/wp-lightbox-ultimate/lib/prettyPhoto/css/prettyPhoto.css) prevents the PrettyPhoto pop-up window from working properly. Now sure why it does not work for me.
Any insight would be appreciated.
Haz
HazardMemberThanks, that worked. But I found one more, and when I add it the fancybox does not work correctly
wp-content/plugins/wp-lightbox-ultimate/lib/prettyPhoto/css/prettyPhoto.css
Where does this go in the order? Any ideas?
Thanks a million
Haz
HazardMemberHey thanks! I didn’t think of this. I just swapped an image in a bbpress topic using this method and it worked perfectly. Thanks a million!
HazardMemberOh! I must be dense.
I was looking for fields to enter the data in on the post page or the attachment page first. I don’t know why I got that idea in my head. Yes, I’m using short codes. As long as I can just put the info in the short code I should be fine. I will have a go at it tomorrow. thanks!
HazardMemberHi, I cant seem to wrap my head around establishing the group name for multiple images….where do I enter that information so it knows what pictures to pull into the group? Is there a field to enter the data?
Also, where do I ender the data to pass a class parameter through to style the anchor images? Is there a field to enter the data?
Finally how can I set the width and height attributes of the anchor images? That’s important for Google PageSpeed scores.
Thanks in advance for all of your help.
Haz
HazardMemberSure…sadly I was not able to go with WP Lightbox Ultimate on bbpress as it did not seem to work (WP Lightbox Ultimate is one of my favorite plugins, btw…maybe someday it will work with bbpress. When it does, I will swap all of my images).
So there are no fancy windows that pop up, but at least I have an image in each topic. And there are good free plugins that to help with attachments in bbpress.
I’m using Twentytwelve, and I calculated that the direct embed method worked with the image being cut in Photoshop specifically to 471 x 265, and I just inserted them into the topic or reply. Its important to keep the images cut to the right dimensions so as to not serve scaled images and mess up the Google PageSpeed score.
My site is 99% on Gtmetrix. It took me a while to get there, and I protect that score like gold. My site loads as follows:
Page load time: 1.46s
Total page size: 1.33MB
Total number of requests: 32
One of the reasons I like WP Lightbox Ultimate for images in pages and posts is that it lets me set the width and height attributes to the placeholder picture so my site does not serve scaled images.
Thanks again for help this board has given me through the years.
Haz
HazardMemberHey all, just wanted to note that I sorted this out another way, so no need to keep the topic open. Great plugin, btw.
HazardMemberNo its still there on this page: [http://www.aquariumcarebasics.com/cherry-shrimp/]
[Redacted By Moderator]
HazardMemberYes, please check out this link. Its supposed to be one paragraph, with full justification. When I put the linktext shortcode in, the paragraph breaks.
[http://www.aquariumcarebasics.com/cherry-shrimp/]
Please let me know what you think.
Thanks!
Haz
HazardMemberIn response to this suggestion that was posted in the chain:
_________________________
Hi, You don’t need to modify the theme’s CSS. Just open the wp_lightbox_ultimate_custom.css file (It’s in the root directory of the plugin) and add the following CSS:
.lightbox_ultimate_text_anchor {
display: inline;
}
The template for the CSS class is already there. All you need to do is specify the attribute for it (display: inline;).
Let me know how it goes.
_________________________________________
What happens when the plugin gets updated? This manual change gets overwritten, correct? So one would have to manually go back and change it each time there is an update, correct? Is there a better, more permanent way to do this?
I am using TwentyTwelve, and I have a child theme. When I put the code above into my child theme as also suggested in this discussion, it did not solve the problem. The insertion of Link Text caused a line break.
Thanks!
Haz
[http://www.aquariumcarebasics.com/]
July 29, 2013 at 5:13 pm in reply to: Lightbox Ultimate – Add padding / wrap text around anchor image better #56721HazardMemberThanks! It worked!! And you have a GREAT plugin, btw.
John T
[http://www.aquariumcarebasics.com/]
HazardMemberHey, it worked! I cant thank you enough! Great plugin and great support!
HazardMemberHere is the test page:
[http://www.aquariumcarebasics.com/special-thanks/]
And here is the shortcode:
[wp_lightbox_prettyPhoto_image link="http://www.aquariumcarebasics.com/aquarium-pictures/00-720-405-placeholder.jpg" img class="alignleft size-thumbnail wp-image-24" description="INSERT DESCRIPTION" source="http://www.aquariumcarebasics.com/aquarium-pictures/00-720-405-placeholder-355x200.jpg" width="355" height="200" title=" INSERT TITLE"]
When I use firebug to check out what is on the webpage, the width and height are not set. And I get this suggestion from GT Metrix:
The following image(s) are missing width and/or height attributes.
[http://www.aquariumcarebasics.com/aquarium-pictures/00-720-405-placeholder-355×200.jpg] (Dimensions: 355 x 200)
Any insights would be appreciated!
Thanks!
-
AuthorPosts