Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Contributor mbrsolution

    (@mbrsolution)

    Hi grey580 can you share your URL.

    Thank you.

    Thread Starter grey580

    (@grey580)

    http://www.maelstromcomics.com/comics/

    here you are. thanks

    I’d like for the columns to display side by side. not over each other.

    Plugin Contributor mbrsolution

    (@mbrsolution)

    Hi grey580 try the following to the second image.

    .wp_cart_product_display_box {
        border: 1px solid #e8e5dc;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
        float: right; <<<====I added this
        margin-bottom: 25px;
        padding-bottom: 5px;
        width: 300px;
    }

    Try adding another image to see if it aligns to the right.

    Here is a URL to help you understand how to set up Div containers.

    Thread Starter grey580

    (@grey580)

    no joy.
    it’s not the float that’s the issue. it’s that superfluous </p> that’s the issue.

    Using firebug for firefox it shows that </p> taking up the width of the box.

    Plugin Contributor mbrsolution

    (@mbrsolution)

    That is very strange because I am also using Firefox and I cannot see </p> like you. Did you clear the browser cache?

    Thread Starter grey580

    (@grey580)

    Cleared the cache and still get the same.
    I’m not sure where that is coming from.

    <div class="wp_cart_product_display_box">
            <div class="wp_cart_product_thumbnail">
                <img src="http://www.maelstromcomics.com/wp-content/uploads/2014/05/Prymal-cover-websitea.jpg" />
            </div>
            <div class="wp_cart_product_display_bottom">
    	        <div class="wp_cart_product_name">
    	           1 Prymal: The Jungle Warrior #1
    	        </div>
    	        <div class="wp_cart_product_description">
    	            Description: Orphaned as child, Silvia Felidae is rescued by a mystical ancient people and is raised to become the protector of The Amazon and it's native people. She is endowed with the ability to communicate with and summon the traits of any animal, as well as heightened strength and agility. Prymal is forced to confront the Machiavellian Alessandro Barbosa and battle the super powered mercenary team known as The Huntsmen. Although, Barbosa's intentions seem apparent, His clandestined goals are far more sinister.
    	        </div>
    			<div class="wp_cart_product_price">
    	        	$5.00
    	        </div>
    			<div class="wp_cart_product_button">
    	        	<div class="wp_cart_button_wrapper"><form method="post" class="wp-cart-button-form" action="" style="display:inline" onsubmit="return ReadForm(this, true);"><input type="submit" value="Add to Cart" /><input type="hidden" name="product" value="Prymal: The Jungle Warrior #1" /><input type="hidden" name="price" value="5.00" /><input type="hidden" name="shipping" value="3" /><input type="hidden" name="addcart" value="1" /><input type="hidden" name="cartLink" value="http://www.maelstromcomics.com/comics/" /><input type="hidden" name="product_tmp" value="Prymal: The Jungle Warrior #1" /><input type="hidden" name="item_number" value="" /></form></div>
    			</div>
    		</div>
        </div></p>    <========== still there.
        <div class="wp_cart_product_display_box">
            <div class="wp_cart_product_thumbnail">
                <img src="http://www.maelstromcomics.com/wp-content/uploads/2014/05/Prymal-cover-websitea.jpg" />
            </div>
            <div class="wp_cart_product_display_bottom">
    	        <div class="wp_cart_product_name">
    	           1 Prymal: The Jungle Warrior #2
    	        </div>
    	        <div class="wp_cart_product_description">
    	            Description: After confronting Alessandro Barbosa, Prymal retreats to warn the local natives<br />
    and her own people of the threat he poses to this remote part of the rain forest and “The Devil’s Veil”. Prymal also re unites with a significant old friend and lover and is haunted by premonitions of things to come.
    	        </div>
    			<div class="wp_cart_product_price">
    	        	$5.00
    	        </div>
    			<div class="wp_cart_product_button">
    	        	<div class="wp_cart_button_wrapper"><form method="post" class="wp-cart-button-form" action="" style="display:inline" onsubmit="return ReadForm(this, true);"><input type="submit" value="Add to Cart" /><input type="hidden" name="product" value="Prymal: The Jungle Warrior #2" /><input type="hidden" name="price" value="5.00" /><input type="hidden" name="shipping" value="3" /><input type="hidden" name="addcart" value="1" /><input type="hidden" name="cartLink" value="http://www.maelstromcomics.com/comics/" /><input type="hidden" name="product_tmp" value="Prymal: The Jungle Warrior #2" /><input type="hidden" name="item_number" value="" /></form></div>
    			</div>
    		</div>
        </div></div>
    Thread Starter grey580

    (@grey580)

    I fixed it.

    I added a div around the shortcode with a custom class.

    and added this to css

    .wp_cart_p{
    
    }
    .wp_cart_p > p {
    width: 10px;
    }
    Plugin Contributor mbrsolution

    (@mbrsolution)

    Hi that is good news 🙂 but remember that </p> is coming from somewhere. Some times the post or page becomes corrupted. Simply creating a new post or page fixes that issue.

    If your issue is resolved could you mark this support thread as resolved.

    Thank you

    Thread Starter grey580

    (@grey580)

    sure thing.

    thanks for the help.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Shopping cart is adding a after each product.’ is closed to new replies.