Good evening guys

Cotswold designs

Trying to get a better look on read more button as shown at the bottom of article Ecommerce web design on front page. On other template comp's it shows an image automatically is there anything within your products to get it looking more sexy!

Or just add an image and choose it each time? or this is linked to other problem ref can not get CSS overright to work for changing CSS colours.

Thanks very much P

Hi Peter,

You can just set a background image on this (theme.css, 183);

div.jbReadmore {
}

p.s. Loving the slick CSS3 rounded corners!

yeah they lookin good, thanks for all your help

Seth wrote:
Sorry where should I put this, paste the whole lot in theme.css?

cheers

Also is it possible to remove some of the space between end of the front page items and the slick sexy mods, bit too much for my liking.

cheers pete

Hey Peter,

Yep the theme.css file is where you add the read more styling.

There is default padding on .grid1Row .containerBG which you can adjust and also adjust the padding on .mainRow .containerBG

Cheers Anthony

Cool I have added a couple, but not sure where to add to reduce space from between end of front page text and my footer/copyright or is it the right hand module thats causing space?

Both. If you want to reduce the bottom space on the main row, you can do that like this (theme.css line 38):

.mainRow .containerBG {padding: 30px 0 0}

The 3rd value is the bottom padding.

All modules in the right column have this margin:

#rightCol .moduletable, #leftCol, #top .moduletable {margin-bottom:40px;}

If you want to change that, copy the code above to theme.css (at the bottom) and adjust the px value.

Peter,

Stumbled upon this web post and remembered your post/question.

www.leemunroe.com/css-button/

Ed