Styling Side Blocks

[rgwhitaker]

Is it possible to style the blocks that appear in the right-hand column of my theme? Blocks such as Cart, Specials, New Products, Featured Products, etc.

 

I'd like to style theme more to what I'd like.

 

Thanks.

[PascalVG]

Hi rg,

You can do many things with it, but you need to be a little more specific what kind of changes you would like to make.

Here a few:

background-Color of titles of the blocks:

edit file /themes/<your theme folder>/css/global.css:

 

find:

.block .title_block, .block h4 {

padding: 6px 11px;

font-size: 12px;

color: #fff;

text-shadow: 0 1px 0 #000;

text-transform: uppercase;

background: #383838; <- change this value into something else, like #884, see what happens

text-align: left;

font-weight: bold;

}

 

Background colour of full right column:

 

#page {}

#header {z-index:10}

#columns {z-index:1}

#left_column {}

#center_column {}

#right_column { background:#499;} <-- add this to colour the background of the full right column

#footer {}

 

background of new products block:

edit file /modules/blocknewproducts/blocknewproducts.css

add this at the end of the file to get an image as background in the new products block:

 

#new-products_block_right {

background:url("http://www.featurepics.com/FI/Thumb300/20070829/Blue-Sea-Pattern-434504.jpg");

}

 

Hope this gives some ideas. So if you need more help, please add specific wishes of what exactly you'd like to change and we can try to help you with it.

Please add the URL to your site, that makes specific wishes easier to check/implement.

 

My 2 cents,

pascal

[rgwhitaker]

Thanks.

 

I actually fiddled with it and went into the global.css file and found the styles I was looking for.

 

I began with the Cart section on the right and am going to determine which blocks I want to appear in the right-hand column, then style those.

 

Thanks.

[PascalVG]

Good! Have fun exploring!

If you have any question, let us know :-)

pascal