Photo Seller – Having trouble styling photo details page

[cmarshall]

Just bought your awesome plugin for a client. Her site is styled with a black background and white text. I would like to style the photo detail, store cart and other pages where they will be readable.

[http://michellemcminn.com/photogallery/photo_details/?gallery_id=1&image_id=1190&auth_key=d3Bwc19waG90b19hdXRob3JpemVk]

[http://michellemcminn.com/store/cart/]

I need the navigation buttons on the photo details page to EITHER have text-color of black or background-color of black

tried the following with no luck

.wps-digital-details-prev-next {background-color: #000000 !important}

.wps_photo_details_navigation_links {

background-color:#000000 !important;}

Also the pricing table

<table class=”wps_digital_details_table”>

does not display like the sample on your demo page

http://photography-solutions.tipsandtricks-hq.com/photogallery/photo_details/?gallery_id=1&image_id=53

if you can just help point me to the right elements to style it would be great. thanks!

[Peter]

The following steps will fix your issue:

(Note I have also included code to tidy up the table a little bit because it looked a bit squashed – feel free to tweak as desired)

1) Go and grab the following plugin:

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

2) Then add the following CSS code in the settings of the above plugin:

.wps-digital-details-prev-next .wps_photo_details_navigation_links{

background-color: #000000 !important;

}



.wps_digital_details_table{

width: 500px;

margin-bottom: 5px;

}



.wps_digital_details_table table {

border-collapse: collapse;

border-spacing: 0;

line-height: 2;

margin-bottom: 40px;

margin-bottom: 4rem;

width: 100%;

}



.wps_digital_details_table tbody {

border-bottom: 1px solid #ddd;

}



.wps_digital_details_table th,

td {

text-align: left;

}



.wps_digital_details_table th {

font-weight: bold;

text-transform: uppercase;

}



.wps_digital_details_table td {

border-top: 1px solid #ddd;

padding: 6px 0;

padding: 0.6rem 0;

}



.wps_digital_details_table input

{

background-color: #f5f5f5;

border: 1px solid #ddd;

border-radius: 3px;

box-shadow: 1px 1px 3px #eee inset;

color: #999;

font-family: 'Lora', serif;

font-size: 14px;

font-size: 1.4rem;

padding: 16px;

padding: 1.6rem;

margin-left: 5px;

width: 100%;

}

[cmarshall]

Peter –

thanks for the perfect solution.

I am using black body background everywhere so I also went made the following change:

#viewCartTable {color:#ffffff;}

so that the order detail on the viewcart page would be visible.

[Author]

Posts