Datafeedr Support Forums

Datafeedr Support Forums (http://www.datafeedr.com/forums/index.php)
-   Upgrading from V1 to V3 (http://www.datafeedr.com/forums/forumdisplay.php?f=72)
-   -   How to customize the product list? (http://www.datafeedr.com/forums/showthread.php?t=4111)

hexagon85 March 11th, 2011 11:35 AM

How to customize the product list?
 
Eric,

I would to find out how to customize the following for product listing:

1) rounded outline boxes for the individual product list?
2) CSS classes such as increasing the price font sizes and bold them? Where to edit the CSS?

Pls advise. Thx

Brian

Eric March 11th, 2011 11:42 AM

Hi Brian

Rounded outline boxes for product lists is quite difficult. It will require the use of CSS 3 and will not be supported in every browser. Or you could use an image but that's even harder. For more information on CSS 3 rounded borders, try this: http://www.css3.info/preview/rounded-border/. It's outside the scope of Datafeedr.

You can make all custom CSS edits here: The Factory > Your Store > Store menu > Custom CSS. When you add code here, it gets appended to the default CSS code for your store.

The default CSS code can be found here: http://www.datafeedr.com/docs/item/172

As per the nature of CSS, the last declaration of a CSS class or ID will overwrite any previous declaration of that class or ID.

So, if you want to change the size of the price, you would add the following code to the Custom CSS area:

#view .pl .t1 .bdr .prc {font-size: 22px;}

(providing that you are using Template 1 to display your products)

Eric

hexagon85 March 11th, 2011 11:50 AM

Eric,

Many thx for the prompt answers. Will try that out.

Brian


All times are GMT -5. The time now is 11:44 PM.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.