Firebrick theme

[ReesBeest]

Thanks for the Firebrick theme. Is looking really great.

A have a question about it and especially the header. I made a logo which height is bigger then the one now. And then it starts as a background for the search box and "Home Forum Help..." header overlaps the rest.

Link to Enigma Gaming

Any help, thanks in advance.
Rees

[Crip]

hi,
it looks OK to me?..maybe a screenShot of what you mean would Help?

[ReesBeest]

two versions I tried messing around in CSS, but I couldn't get it to work. Maybe you have a fitting solution?

[ZarPrime]

ReesBeest,

Well, we might be able to adjust the header down a little bit (taller).  It's hard to get an idea of what we need to do though without the logo being on your site for us to see.  Do you have a test site with the theme and the logo in there, or could you go ahead and put the logo up on your live site so that we can look at it and play with it a little bit.

ZarPrime

[ReesBeest]

That should be something as a logo, but I just want to put inside a logo/banner with dimension like 700*200

[ZarPrime]

Well, that width would probably be OK but that height is just way too tall to fit on the background image properly.  See, here is the problem.  Right now you are restrained to a particular height above the toolbar.  The background image would probably need to be changed in order to accommodate that logo.  Look at the image below (click to enlarge it) ...

This image is not easily changed.  Quite frankly, I think the best thing to do would be to make your logo smaller.  However, I'll let Crip and/or Maxx respond.

The other thing you could do is, if you don't mind the edges of your logo being off the screen, is adjust the actual position of the logo image.

ZarPrime

[Crip]

i tried to register but i couldn't see your Verification #letters/numbers .. get old that stuff happends ..Lol..

Load your logo on the theme so i can see it ??

[ReesBeest]

it is now 

[Crip]

not sure the header is big enuff .. possibly shrink it a bit?

[Crip]

try this one --


[attachment deleted by admin]

[ZarPrime]

I just looked at it as well.  The header is definitely too short for the height of that logo, as Crip says.  The logo that Crip attached will likely work better.

If you don't want to use the logo Crip attached but yours instead, what I would do is find the following code around line 3639 of the ../forum/Themes/firebrick205/css/index.css file.

Code (Find) Select Expand


#logo a {
    background: url("../images/theme/logo.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 197px;
    position: absolute;
    right: 55px;
    top: 25px;
    width: 783px;
}


... and replace it with something like this ...

Code (Replace) Select Expand


#logo a {
    background: url("../images/theme/logo.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 197px;
    position: absolute;
    right: 0;
    top: -20px;
    width: 783px;
}


What you are doing is changing the location of where the logo will be.  The only things you would be changing are the values for "right:" and "top:".  It's not perfect but it kind of looks neat because the logo itself will have sort of a transparent effect over the Background image.

Crip or Maxx may have a better idea that would work so you might want to wait for them to respond as well.  Below, I have attached an image of what this edit would look like.

ZarPrime

[ReesBeest]

Nice, I did both recommendations. So thanks for the help.

You guys are the best and realy quick with the support too.

Thanks a lot...

[Crip]

looks really good

[Maxx]

Yes Guys looking good and great theme!

regards,
Maxx

[ZarPrime]

ReesBeest,

Glad you got it the way you wanted it. I have marked this topic solved now so, if you need further help, please start a new topic.

ZarPrime