Filtered Product Summary (not filtered results)

[tonygg]

Hi,

I have been going through our new responsive site centering all of the images and text. I have (after lots of help) all but 1 area sorted out using tables and <td align="center"> etc.

I have several pages that are filtered but as a default they show a mixture of fragment links to other sections and products. For example : http://www.tgurney.co.uk/acatalog/Ch...s-Fabrics.html

On these pages the layout used for displaying the products (pre filtering) is called Filtered Product Summary. It is stubbornly left justifying everything. I have:

1. replaced the code within the layout with the same code that works for products on all the standard pages
2. Tried to clear any left justification in CSS using clear left

Neither of these seem to make a difference

I used google inspect to try to see what is causing the left justification but cant even see it.

I think it has something to do with the interaction of a href= and the style sheet. I can't find it and I could be way off.

I am sure I am just being dumb but if anyone has a spare few minutes to take a look I would be very grateful. I think the rest of the site is read to go.

Many thanks

Tony

[MattSMR]

Hi Tony,

Little bit of work required.

CSS Rule changes below:

.std-product-details a, .product-details .regularMatchedLayouts a

Change your float: left to float: none

new css class
.product-details{
text-align:center;
}

This should now make them all centered. You shouldn't need to have your align in the td either... try to avoid in-lining styles where possible, makes unraveling harder than it needs to be!

[tonygg]

Hi Matt,

Sorry about the delayed response. Our main PC died just before the regular backup and so I spent this weekend rebuilding it and getting everything back.

Thank you so much for looking at this for me. All sorted now.

Many thanks

[tonygg]

Hi Matt.

Unfortunately I spoke too soon. The changes do indeed centre the images and text on the mixed product and fragment pages.

However the change:

.std-product-details a, .product-details .regularMatchedLayouts a

Change your float: left to float: none

has a side effect of making all the filter results stop being centred and become (oddly) left justified.

Here is an example in production with the changes in : https://www.secretgardenquilting.co....c-Bundles.html

Here is the test site without the changes : http://www.tgurney.co.uk/acatalog/Fa...c-Bundles.html

I did put the change in the test site and could replicate the new behaviour.

I was hoping it might make some sense to you as I am perplexed?

Any ideas would be gratefully received.

Many thanks

[MattSMR]

Hi Matt.

Unfortunately I spoke too soon. The changes do indeed centre the images and text on the mixed product and fragment pages.

However the change:



has a side effect of making all the filter results stop being centred and become (oddly) left justified.

Here is an example in production with the changes in : https://www.secretgardenquilting.co....c-Bundles.html

Here is the test site without the changes : http://www.tgurney.co.uk/acatalog/Fa...c-Bundles.html

I did put the change in the test site and could replicate the new behaviour.

I was hoping it might make some sense to you as I am perplexed?

Any ideas would be gratefully received.

Many thanks

Hi Tony,

Your filter results have a different class.

Please add the following to your stylesheet:

.std-product-details {
text-align: center;
}

[tonygg]

Hi Matt. Thank you so much. That did the trick. Tony