Responsive Sheffield Blue v2.0

Quote:

---

Originally Posted by spminis

Last problem (I think). I've managed to fix everything and I have one last problem. I've seen posts about this and answers but none work.

The images in the subcategory pages are not lining up. There are blank spaces. Oddly enough, it looks fine on my test site but not on my live site and I can't figure out why because I uploaded the files from the live site to the test site and used the same DB. The settings in admin are the same.

One page to look at is http://www.spminiatures.com/store/in...ndex&cPath=105

Thanks
Carol

---

Your images are different heights which is causing the containers to be different heights, so they won't line up. I had similar problem with product listing pages. What worked for me was to set a minimum height for the containers that would accomodate my largest image height (or two line product name vs 1 line).

You could try adding:

Code:

---

min-height: 135px;

---

to the common-wrap div, around line 393 in your css/stylesheet.css file. Or change the height to a number that works with all of your sub category box heights. This works for me on your sample page using firebug.

Quote:

---

Originally Posted by soxophoneplayer

Your images are different heights which is causing the containers to be different heights, so they won't line up. I had similar problem with product listing pages. What worked for me was to set a minimum height for the containers that would accomodate my largest image height (or two line product name vs 1 line).

You could try adding:

Code:

---

min-height: 135px;

---

to the common-wrap div, around line 393 in your css/stylesheet.css file. Or change the height to a number that works with all of your sub category box heights. This works for me on your sample page using firebug.

---

Thank you, thank you and thank you! That did it. I'll play around with the height.

Carol

Quote:

---

Originally Posted by spminis

Thank you, thank you and thank you! That did it. I'll play around with the height.

Carol

---

Actually, your solution killed 2 birds. I was unhappy with the size of the subcategory boxes and by playing with the min-height, I also solved that problem.

Carol

I want the Flexslider to show only when viewing site on desk top, and not on mobile or tablet. The mod allows turning the slider off or on in the admin/config, but its an all or nothing thing.

I added this bit:

Code:

---

.flexslider {display:none};

---

to the responsive_mobile and responsive_tablet css files. I added it it twice in each file - once in each under the portrait sections and once in each under the landscape sections. I just put it at the end of each section so I could find it easy to vary/undo.

For this template, and checking the speed with GTmetix Pagespeed. I get the following:
Inline small CSS
The following external resources have small response bodies. Inlining the response in HTML can reduce blocking of page rendering.
You should inline the following small resources:
http://tabletennisshop.com.au/includ...imagehover.css

This really is a very small file. Is it possible to simply add the content of this CSS file to my main CSS file, and remove the call to load this file?

Quote:

---

Originally Posted by ttfan

For this template, and checking the speed with GTmetix Pagespeed. I get the following:
Inline small CSS
The following external resources have small response bodies. Inlining the response in HTML can reduce blocking of page rendering.
You should inline the following small resources:
http://tabletennisshop.com.au/includ...imagehover.css

This really is a very small file. Is it possible to simply add the content of this CSS file to my main CSS file, and remove the call to load this file?

---

I wasn't using the image hover feature anyway and had turned it off in the admin/configure/images menu, so when I got similar feedback from page speed test I just deleted the file.

Yep that would do the trick! :D

I do think it makes the site look a little more attractive though, so I'd prefer to keep it if I can, and find a way of inserting/merging that file with another if possible.

I know this is a rookie question, but here goes. I want to implement the search box on the mobile site as you described in post 1267. What software do you use to open the file that gives you the line numbers. My notepad does not, Word doesn't let me turn off the word wrap. What do you recommend?

Quote:

---

Originally Posted by SPembleton

I know this is a rookie question, but here goes. I want to implement the search box on the mobile site as you described in post 1267. What software do you use to open the file that gives you the line numbers. My notepad does not, Word doesn't let me turn off the word wrap. What do you recommend?

---

If you want a simple editor go for Notepad++, if you want something more advanced you could use something like netbeans.

Quote:

---

Originally Posted by Design75

If you want a simple editor go for Notepad++, if you want something more advanced you could use something like netbeans.

---

Thank you Design 75. Notepad++ seems to work