[Support request] Odd behavior in store view with text not centering

[Kevin]

Quick question. I have hit a weird issue. I have this in shop view and on one item the text under it is centered, yet the item to the right is not centered. The css looks the same, any ideas?

https://www.dropbox.com/s/62rjo4sxn8y71r3/Screenshot%202018-10-18%2001.52.50.png?dl=0

[Tom]

Any chance you can link me to that page? You can send us login details through the Account Issue form (just be sure to mention this topic): https://generatepress.com/contact

[Kevin]

Thank you, I just sent it over using that form. If you need anything else please let me know.

[Kevin]

Also here is a link to a videocast to show what I am referring to. Also in the mobile mode, the left margin is off. And text alignment only works on a few items. It is odd.

https://www.dropbox.com/s/486udc1ry3yiryv/Recording%20%2367.mp4?dl=0

[David]

Hi there,

is this only when you’re in the Customizer?
Or is there a particular page or browser it shows on?

I tested on Chrome, FF Dev and Safari – so far all good.

[Kevin]

Sorry,

I had switched it back to the previous theme and that is why you didnt see anything. I needed to get all the info I needed to move over to the generate press theme and forgot to switch it back to generate press.

Can you check now and you will see it.

Really sorry about that. I will not touch the site until I hear from you.

If you go to /product-category/clothing/tops-tees/ you will see how all the format is broken. Also, when you switch from desktop to tablet to mobile (even with scaling the window down, you will see the left margin breaks.

Again, sorry about that. It is now using GP theme. I apologize.

[Kevin]

Here is a screencast with GP turned on and showing the sizing issue and the text alignment.

https://www.dropbox.com/s/4tsxpmz8zgktmq6/Recording%20%2369.mp4?dl=0

[Tom]

Hey Kevin,

Can you try this CSS?:

.related.products li {
    text-align: center;
}

.related.products .star-rating {
    margin-left: auto;
    margin-right: auto;
}

Let me know 🙂

[Kevin]

Still left margin rides flush against the side when in tablet mode.

https://www.dropbox.com/s/mqrcaxmvl5igxjo/Screenshot%202018-10-21%2018.04.50.png?dl=0

Here is a screencast also. ignore the center text in the video for now as I think it might be ok with the css, look at the left margin on re-size:

https://www.dropbox.com/s/4tsxpmz8zgktmq6/Recording%20%2369.mp4?dl=0

[Tom]

Ah yes, that is indeed a bug.

In GPP 1.8, we’ll be re-writing the columns in WooCommerce completely, so please remember to remove this CSS once it’s released:

@media (max-width: 768px) {
    .woocommerce ul.products[class*=columns-] li.product, 
    .woocommerce-page ul.products[class*=columns-] li.product {
        margin-left: 3.8%;
    }
}

[Tom]

I’m actually including this fix in GPP 1.7.3.

I just released beta.3, which you can test right now if you enable beta updates in “Appearance > GeneratePress”.

[Author]

Posts