How can align text on index page?

Hello support,

I have some question relate about nopcommerce:

- How can I align text and price on the left hand like the image link? http://i.imgur.com/gbwWL4P.png?1
- I want when I rollover mouse each of image product of index page it will appears bolder. How can I do that ?

Thanks

Hello,

To align text you will need to edit the style of the element you would like to change. For example find the class or id that is assigned to the element you would like to change, if not assign the element a class (e.g. class="foo"). Add the style {text-align:left;}

As for making text bold on hover, it is also CSS. You can do this by using the :hover selector on the element you would like to change - element:hover{font-weight:bold;}

Overall you would need to add 2 new styles

ELEMENT{text-align:left;}
ELEMENT:hover{font-weight:bold;}

Hope this helps

Thanks

Charlie

for the 2nd, i mean bolder a round image when I rollover mouse.

Thanks

You could add a border on hover of the image if you like;

.IMAGECLASS:hover
{
    border: 1px solid black;
}

or you can dim the image by default;

.IMAGECLASS
{
    opacity: 0.5;
}

then on hover bring back to full opacity

.IMAGECLASS:hover
{
    opacity: 1;
}

hope this helps,

Charlie