Style Critique: Echo

[Trombones13]

I'll try to figure out if there's a way I can make the fancy gradients Shelley and Kim are able to make using Inkscape. Glad you're liking the updates.

 

[CTXMedia]

Can I just add another observation - put some padding below the logo - maybe 6px or so ... just to separate it a bit more from the forums header.

Cheers,
Shaun

 

[Trombones13]

Can I just add another observation - put some padding below the logo - maybe 6px or so ... just to separate it a bit more from the forums header.

Cheers,
Shaun

Sure; added a few more pixels to the "Height of Header Logo" Style Prop.

EDIT: Breadcrumb switched to gray
EDIT: I can't get a nice gradient to come out in Inkscape, so I may need help there. I realize some of the light colors are hard to read right now, but once I can get a more visible gradient, I can fix those if need be.

 

[Shelley]

As requested, Darker gradient Kurt.

Edit: let me know if you want it lighter or darker.

 

[Peggy]

Well look atchu! This is coming along very nicely. Good job, both Kurt and Shelley.

 

[Trombones13]

Nope; that looks good to me. I changed my background color to @secondaryLighter instead of Lightest because it was hard to read the blue on the logo with it, but this is fine.

With that, I think I've fixed everything else I'd needed to...any further comments?

 

[Shelley]

Well look atchu! This is coming along very nicely. Good job, both Kurt and Shelley.

I agree Kurt has done a wonderful job. I didn't really do anything apart from doing a gradient.

If you could kurt I wouldn't mind trying something with your logo. I think the blue text could be highlighted better. I would need the source file and a link to the font used. If your happy with it of course feel free to ignore.

There's one area on the index page were I feel you should add the radius property. See the white area at the bottom add in a border-radius: 5px; Might be 10 the same as the top.

 

[Trombones13]

I agree Kurt has done a wonderful job. I didn't really do anything apart from doing a gradient.

If you could kurt I wouldn't mind trying something with your logo. I think the blue text could be highlighted better. I would need the source file and a link to the font used. If your happy with it of course feel free to ignore.

Sure! Unfortunately, the file's an .svg; hope that's OK.

Here's the font: http://www.dafont.com/harabara.font

 

[Kim]

Looking fabulous Kurt well done!!!

 

[Trombones13]

There's one area on the index page were I feel you should add the radius property. See the white area at the bottom add in a border-radius: 5px; Might be 10 the same as the top.

Ooh, yeah; I'll change that. Does your breadcrumb always have that weird black line there?

 

[Peggy]

Ooh, yeah; I'll change that. Does your breadcrumb always have that weird black line there?

What weird black line?

 

[Trombones13]

What weird black line?

Look at her attachment (trombones-radius.png) under Home > Forums on the breadcrumb; there's a black line that should be gray like the rest of the border. :s

 

[Shelley]

Not sure whether the logo came out any clearer I had to crop out the middle. There's a preview below and the transparent version just some minor touches. Really not sure it will look better but was worth a try.

 

[Shelley]

Ooh, yeah; I'll change that. Does your breadcrumb always have that weird black line there?

Find the following code and adjust the border:It'll reside in one of your breadcrumb.css templates. change the 3b3b3b to b2b2b2

.breadcrumb .crust a.crumb {
    background-color: #E7E7E7;
    border-bottom: 1px solid #3B3B3B;
    display: block;
    line-height: 24px;
    margin-bottom: -1px;
    outline: 0 none;
    padding: 0 10px 0 18px;
    text-decoration: none;
}
[code]

 

[Trombones13]

I think I like the original version better (no offense ). Another option would be to reverse the gradient so it's light at the top and dark at the bottom, but I don't think it's a huge issue with appearance right now anyway, so... *shrug* lol

 

[Shelley]

I think I like the original version better (no offense ). Another option would be to reverse the gradient so it's light at the top and dark at the bottom, but I don't think it's a huge issue with appearance right now anyway, so... *shrug* lol

No worries I like your version better tbh. Here's the reverse gradient if you wish to give it a try.

 

[Trombones13]

Find the following code and adjust the border:It'll reside in one of your breadcrumb.css templates. change the 3b3b3b to b2b2b2

.breadcrumb .crust a.crumb {
    background-color: #E7E7E7;
    border-bottom: 1px solid #3B3B3B;
    display: block;
    line-height: 24px;
    margin-bottom: -1px;
    outline: 0 none;
    padding: 0 10px 0 18px;
    text-decoration: none;
}

For some reason, I had a _border-bottom: none; in there along with it...I removed it; is it fixed now?

*points at background with upgraded gradient* What am I doing wrong now? *scratches head*

 

[Shelley]

It's still showing the black bottom-border. Just a correction I should make that the hex value you should use to replace that darker bottom-border is #8E8C8C

This is what you have atm

.breadcrumb .crust a.crumb {
    background-color: #E7E7E7;
    border-bottom: 1px solid #3B3B3B;
    display: block;
    line-height: 24px;
    margin-bottom: -1px;
    outline: 0 none;
    padding: 0 10px 0 18px;
    text-decoration: none;
}

 

[Shelley]

Your breadcrumbs bottom-border is now showing as fixed. Nice job.

edit: I see your using the reversed gradient. If your planning on keeping it that way you may want to use this #9e9e9e as the background colour so the join is seamless.

 

[Trombones13]

Your breadcrumbs bottom-border is now showing as fixed. Nice job.

Cool; changing it to @secondaryLight (#8e8c8c) did the trick. Now I just need to figure out what I did with this gradient, lol...