Alignment mis-matched – easy fix ?

  • Resolved mvb9368

    (@mvb9368)


    7 years, 2 months ago

    Hi all… I’m missing something super easy I’m sure… new to WP … didn’t see any similar subjects in this forum… any help would be much appreciated

    I’m wanting this page’s center/right alignment
    ( https://milcoindisplay.com/index/shop/ )

    to be more like this page’s left alignment
    ( https://milcoindisplay.com/index/product-category/air/ )

    What am I missing ?

    T.I.A. ??

    Also, can I shrink the thumbnail size? I’d like to have alt least 4 categories per row, and 6 would be optimal. Is that editable in CSS ?

    • This topic was modified 7 years, 2 months ago by mvb9368.
    • This topic was modified 7 years, 2 months ago by mvb9368.
Viewing 4 replies - 1 through 4 (of 4 total)

  • You have two different styles float in your .content-area

    put this in your css:
    .post-type-archive-product .content-area {
    float: left !important;
    padding-left: 0px !important;
    }

    Thread Starter mvb9368

    (@mvb9368)

    Since I’m using the WooCommerce plugin, it’s on that CSS ?

    If so, I did find 2 lines under /* Extras */ that closely matched them and changed both – but I don’t see any changes after a refresh…

    Under the main CSS, there is a # Content section, but I didn’t see anything with float

    • This reply was modified 7 years, 2 months ago by mvb9368.
    dougaitken

    (@dougaitken)

    Automattic Happiness Engineer

    Hi @mvb9368

    This isn’t controlled by WooCommerce, but rather than theme you are using.

    We can’t offer support for third party themes, so I’ll mark this issue as resolved as isn’t a WooCommerce plugin specific question, but I’m sure the theme author will be able to give you some pointers.

    Thanks,

    @mvb9368
    It looks like that space on the right is an empty sidebar. Have a look in your shop page settings and theme settings to see if you can select a full width page template. Most reputable themes will allow this if you can find the right setting.

    Try the function here to change the number of products per row. Some css tidying may be needed afterwards.
    https://docs.woocommerce.com/document/change-number-of-products-per-row/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Alignment mis-matched – easy fix ?’ is closed to new replies.