Backgrounds and Buttons v3

Buttons

There are two button types: "Add to cart" button (the "Checkout" button in the cart page is the same) and any other button.

There are btn_addtocart.gif and btn_sprite.gif images in the [YourMagentoDir] /skin / frontend / default / [perfect_white] / images / folder.

btn_addtocart.gif = "Add to cart" button on the product page

btn_sprite.gif = any other button

In order to change button text color open [YourMagentoDir] / skin / frontend / default / [perfect_white] / css / color.css and find the following code in the end of the file.

Feel free to make changes.

Backgrounds

In order to change the background, open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css, and add the following code to the end of skin.css file.

body {background: transparent url(../images/bg01.jpg) repeat 0% 0%; background-attachment: fixed;}
body {background: url(../images/bg02.jpg) repeat 50% 0%;}
body {background: #000 url(../images/bg05.jpg) repeat 50% 0%;}
body {background: #000 url(../images/bg06.jpg) repeat 50% 0%;}
body {background: #fff url(../images/bg07.jpg) repeat 50% 0%;}
body {background: #ffffff;}
body {background: #000000;}
body {background: #ffffff url(../images/snow.png) repeat 0 0;}
body {background: #ffffff url(../images/xmas.jpg) repeat 50% 0%;}

In order to change the background of the certain category, get the CSS class of the body tag for this page category. <body class=" catalog-category-view ... category-[YOUR_CATEGORY]">

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css, and add the following code to the end of skin.css file.

Back

Go to contents Back to previous page

Share on Facebook google icon

Share on Google

Twitter