why "read more" button moves all over the place?

marketingimdex · July 2016

Hello,

Why are my "Read more" buttons not all aligned?

http://dev.amcmud.com/product-category/drilling-fluids/page/8/

Albert · July 2016

Hi,

read more buttons are not aligned because you set 22.5% of left margin somewhere in your files what you can see on http://pasteboard.co/891SN60eA.png

The link to file where this css is http://dev.amcmud.com/?custom-css=1&csblog=1&cscache=6&csrev=295

marketingimdex · July 2016

hello,

I have customised that myself. If i set it to 0% then it aligns to the bottom of the picture and some to the column. So they still appear messed up.

Is there a way I can code it so they all stay in the same place?

My css below:

.woocommerce ul.products.list li.product a.button {

float: left;

margin-left: 22.5%;

padding: 6px 15px;

}

marketingimdex · July 2016

Can i put a break before it so it sits below the image?

Albert · July 2016

Please show us on screenshot how exactly you want to do this and how you see this break.

marketingimdex · July 2016

Hello.

Like this please!

http://dev.amcmud.com/wp-content/uploads/2016/07/fixfindmorebuttons.png

Albert · July 2016

Ok. So to move those buttons to the left side, you need to use an extra css:

.woocommerce ul.products.list li.product a.button { margin-left: 0 !important; }

why "read more" button moves all over the place?

Comments