View Single Post
  #3  
Old November 17th, 2014, 06:44 PM
brandsclub brandsclub is offline
 
Join Date: Nov 2014
Posts: 21
Default

Hi Eric,

thanks for your answers.

1. I will check with Studiopress (but if you have any hints, youre are more than welcome
2. image sizes i made the change, but not sure if it is working
3. Inthe storefronts view it was already the product image, but it didnt work

in the custom css, i have the following codes, perhaps you can give me some light in how to correct them to display properly

/**
* Fix conflict with TwentyTen WP theme
*/
#view .sp h2 {clear:none;}
#view .pl h2 {clear:none;}
#view .col1 .pl h2,
#view .col1 .pl h2 a {font-size:22px}

#view .pl .col2 .thmb { height: 273px; width: 200px; }
#view .pl .col2 .thmb img { max-height: 263px; width: 200px; }

/**
* Fix conflict with TwentyTen WP theme
*/


/* Change size of images */
#view .pl .col3 .thmb
{
width: 320px;
height: 320px;
}

#view .pl .col3 .thmb img
{
max-width: 320px;
max-height: 320px;
}

#view .pl .col4 .thmb
{
width: 320px;
height: 320px;
}

#view .pl .col4 .thmb img
{
max-width: 320px;
max-height: 320px;
}


/* background of product cells */
#view .pl .t1 .bdr { background: white; }


/* product title smaller */
#view .pl .t1 .bdr h2 a
{
font-size: 18px;
line-height: 1.1em;
}


/* padding on product cells */
#view .pl .t1 .bdr { padding: 20px; }



/* mobile responsive product images */
/**
* Media queries from:
* http://css-tricks.com/snippets/css/m...ndard-devices/
*/

/**
* Smartphones (portrait and landscape)
*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#view .col2,
#view .col3,
#view .col4,
#view .col5 {width:99.9%;}
}

/**
* Smartphones (landscape)
*/
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
#view .col2,
#view .col3,
#view .col4,
#view .col5 {width:45.9%;}
}

/**
* Smartphones (portrait)
*/
@media only screen
and (max-width : 320px) {
#view .col2,
#view .col3,
#view .col4,
#view .col5 {width:45.9%;}
}

/**
* iPads (portrait and landscape)
*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
#view .col3 {width:49.9%;}
#view .col4 {width:49.9%;}
#view .col5 {width:99.9%;}
}

/**
* iPads (landscape)
*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
#view .col3 {width:49.9%;}
#view .col4 {width:49.9%;}
#view .col5 {width:49.9%;}
}

/**
* iPads (portrait)
*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
#view .col3 {width:49.9%;}
#view .col4 {width:99.9%;}
#view .col5 {width:99.9%;}
}

/**
* Desktops and laptops
*/
@media only screen
and (min-width : 360px)
and (max-width : 768px) {
#view .col2,
#view .col3,
#view .col4,
#view .col5 {width:99.9%;}
}

/**
* iPhone 4
*/
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
#view .col2,
#view .col3,
#view .col4,
#view .col5 {width:99.9%;}
}
/* mobile responsive product images */


/* width of widgets */
#wdgt_ss > div > form > input:nth-child(1) { width: 190px; }
/* width of widgets */

about your hint on Woocommerce, does it have an additional subscription? Do i need any additional costs to add to my current datafeedr monthly bill? Do i need any other resources?

Thanks for your help