WP Photo Seller – Change Layout/item details

[RVL]

Hello,

Using WordPress 4.5.3 running Modern Portfolio Pro Theme with Genesis 2.3.0 and your WP Photoseller (2.1.3).

Since I’ve recently started with WP, I kindly ask support about:

Table “To buy this photo choose from the selections above” and Shopping Cart

– Change: Columns width, Header Text size (QTY, Description, Site, Add), table lines spacing, button “Add to Cart” layout

– Reduce spacing between line “Icon/Site Identification” and Menu and then between Menu and area beyond.

– Change cupon input field size

Page Checkout: – Change fields size

Thanks in advance.

[Peter]

Hi,

Can you please provide a link to the pages which you say need CSS modifications so we can inspect them using firebug?

[RVL]

Hi,

Table “To buy this photo choose from the selections above” and Shopping Cart

– Change: Columns width, Header Text size (QTY, Description, Site, Add), table lines spacing, button “Add to Cart” layout

[http://anacostasilva.com/wp/photo_details/2/52/MM1/view/]

– Change cupon input field size

[http://anacostasilva.com/wp/store/cart/?cart_key=4436090761541]

Page Checkout: – Change fields size

[http://anacostasilva.com/wp/store/cart/?cart_key=4436090761541]

Thanks

[Peter]

To be honest I think your page looks fine as it is.

You’ve mentioned many changes you want to make without specifying the details what those changes are.

For now I will give you an answer for a couple of your requests and you should send more info regarding the others.

Before applying the following custom css go and grab the following plugin and add the code in there:

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

Examples:

To make the coupon field smaller:

.wps-cart-page-wrapper input[name="couponCode"]{

width: 50%;

}

For the table, in the photo details page you can reduce the whole table size and this will also proportionally reduce the columns.

eg,

.wps-pricing-tables .wps_digital_details_table{

width: 75%;

}

[Author]

Posts