Box Description

  • Resolved Russell

    (@coastventures)


    4 years, 10 months ago

    Hello and good day,

    Referring to my webpage posted below, you will see that I have made rows containing 2, 3, and 4 columns for products. I built several different rows to compare the box sizes on each row. How do we keep the display box description within it’s box? My description text is running way outside of the box causing them to jumble up. Does the plugin have a “set” box size? Can it be altered? I’d like to have at least 4 items on a row. I hope I am not limited to one box per row. The border too should be a tad darker color.

    Thank you for any assist or suggestions.

    • This topic was modified 4 years, 10 months ago by Russell.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Russell

    (@coastventures)

    Also, does the variation dropdown have to be so wide? Can I make it shorter? I’m wondering if the description would still run out like that if no variation dropdown was present.

    Plugin Contributor mbrsolution

    (@mbrsolution)

    Hi, thank you for contacting us.

    In regards to displaying your products boxes side by side, check the following documentatin wp-shopping-cart-stacking-multiple-product-boxes-side-by-side.

    Also, does the variation dropdown have to be so wide? Can I make it shorter? I’m wondering if the description would still run out like that if no variation dropdown was present.

    Try the following CSS code. 

    .wp_cart_variation_section {
    width: 50%;
}

    Let me know if the above helps you.

    Thank you

    Thread Starter Russell

    (@coastventures)

    Thank you much! Solved both issues easily. Since I have the boxes in separate columns I just gave it the max width:

    .wp_cart_product_display_box{
    max-width: 100%;
    }

    Your style worked. This one set the dropdown width:

    .wp_cart_variation_section {
    width: 75%;
    }

    I put them both in the theme’s custom css. It would not work in the plugin css. I didn’t try the page css box since the theme css worked. Thanks again for the info. All I need now to get that add to cart button to my liking, haven’t found a way yet.

    ..appreciate it ??

    Thread Starter Russell

    (@coastventures)

    I found a way to customize the add to cart button and form. Check out the webpage posted above to see. It looks great now.

    If you want to customize the width and/or color of the add to cart button and variation dropdown menu, I have discovered these stylesheet classes that you will need to input into your theme’s additional css box, usually located in Customize section.

    .wp_cart_product_display_box{
    max-width:100%; } – controls the width of the product description box.

    .wp-cart-button-form{background:#00008f;padding-top:11px;padding-bottom:11px; } – Add to Cart button color and padding. You must use some padding with this code to fill the button background.

    .wspsc_add_cart_submit{color:#ffffff;} – Add to Cart button text color.

    .wp_cart_variation_section { width:87%; } – Controls width of variation dropdown menu.

    .wp_cart_variation1_select{background:#00008f;color:#ffffff;} Variation dropdown menu background and text colors.

    I hope this helps some of you achieve the button form setup as you like. I found the codes by reviewing the page source code in Chrome browser, then added the class and my settings to my theme’s additional css box, not in the theme stylesheet though it may work there, maybe not.

    Have a wonderful day! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Box Description’ is closed to new replies.