[SOLVED]Titlebars on bloks

[bebba]

See img.

[SpyrosT]

from your ftp go and open the global.css in themes/your theme/css

search for the
/* block myaccount */
there you will find all images that this block is using.

To confirm the image try downloading from themes/your theme/img
when you find it make a copy on your pc and then search for the image you want to replace.
remane the rounded image with the same name as the one you want to replace and upload it.

[bebba]

OK, so the blue tiltle bar's are images? Cant find any img that looks like that. I find the top img for my account, but not the others.

[SpyrosT]

For my theme is the block_header.gif
do a search

[bebba]

NO, not in my theme, The block_header.gif is the top_img to cart.

[SpyrosT]

Search in the global.css for
/* Default block style */

you will find 3-4 images before the end of code
next code start with /* block exclusive */

Look between them

[bebba]

This is how my global.css looks like between those fields.

/* Default block style */
div.block {
margin-bottom: 1em;
width: 191px;
}
#left_column div.block, #right_column div.block {
padding-bottom: 6px;
background: #f1f2f4;
}
div.block h4 {
font-family: Helvetica, Sans-Serif;
font-weight: bold;
font-size: 1.2em;
padding-left:0.5em;
border-bottom:1px solid #595A5E;
padding-top:2px;
line-height:1.3em;
color: #fff;
height: 19px;
background: #1c8ff2;
}
div.block h4 a { color: #fff; }
div.block ul { list-style: none; }
div.block ul.tree li { padding-left:1.2em; }
div.block a:hover { text-decoration: none; color: #1c8ff2;}
#left_column div.block .block_content a.button_large, #right_column div.block .block_content a.button_large { margin:0 0 0 -3px; }
div.block .block_content {
border-left: 1px #d0d3d8;
border-right: 1px #d0d3d8;
padding:0.5em 0.7em 0pt;
background: #f1f2f4;
min-height:20px;
}
div.block li {
padding: 0.2em 0 0.2em 0em;
list-style-position: outside;
}
div.block a {
color: #595a5e;
text-decoration: none;
}

/* block exclusive */

[SpyrosT]

It is based on color codes only then.

So lets try..
change this

/* Default block style */
div.block { margin-bottom: 1em; width: 191px;
} #left_column div.block, #right_column div.block { padding-bottom: 6px; background: #f1f2f4;
}
div.block h4 { font-family: Helvetica, Sans-Serif; font-weight: bold; font-size: 1.2em; padding-left:0.5em; border-bottom:1px solid #595A5E; padding-top:2px; line-height:1.3em; color: #fff; height: 19px; background: #1c8ff2;
}
div.block h4 a { color: #fff; }
div.block ul { list-style: none; }
div.block ul.tree li { padding-left:1.2em; }
div.block a:hover { text-decoration: none; color: #1c8ff2;} #left_column div.block .block_content a.button_large, #right_column div.block .block_content a.button_large { margin:0 0 0 -3px; }
div.block .block_content { border-left: 1px #d0d3d8; border-right: 1px #d0d3d8; padding:0.5em 0.7em 0pt; background: #f1f2f4; min-height:20px;
}
div.block li { padding: 0.2em 0 0.2em 0em; list-style-position: outside;
}
div.block a { color: #595a5e; text-decoration: none;
}

to this...

/* Default block style */
div.block { margin-bottom: 1em; width: 191px;
} #left_column div.block, #right_column div.block { padding-bottom: 6px; background: #f1f2f4;
}
div.block h4 { font-family: Helvetica, Sans-Serif; font-weight: bold; font-size: 1.2em; padding-left:0.5em; border-bottom:1px solid #595A5E; padding-top:2px; line-height:1.3em; color: #fff; height: 19px; background: transparent url('../img/block_header.gif') no-repeat top left;
}
div.block h4 a { color: #fff; }
div.block ul { list-style: none; }
div.block ul.tree li { padding-left:1.2em; }
div.block a:hover { text-decoration: none; color: #1c8ff2;} #left_column div.block .block_content a.button_large, #right_column div.block .block_content a.button_large { margin:0 0 0 -3px; }
div.block .block_content { border-left: 1px #d0d3d8; border-right: 1px #d0d3d8; padding:0.5em 0.7em 0pt; background: #f1f2f4; min-height:20px;
}
div.block li { padding: 0.2em 0 0.2em 0em; list-style-position: outside;
}
div.block a { color: #595a5e; text-decoration: none;
}

Take a look at this> ('../img/block_header.gif')
make sure you give the same name as the other one you have found with the round corners

[bebba]

Thank's again so mush. It worked.