Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   How to make logo area on beside or overlay header image? (http://forum.bytesforall.com/showthread.php?t=1524)

phuongnv May 3, 2009 02:33 AM

How to make logo area on beside or overlay header image?
I want to create a logo at the left side of header image (not upper as the default) or overlay over header image.

Please help me.

Thanks in advance

phuongnv May 4, 2009 11:41 AM

Flynn, could you help me?

Flynn May 5, 2009 06:52 PM

Look into bfa_header_config.php how the blog title is overlayed and do the same with a container that contains your image

norwichkaren Jul 28, 2009 10:19 AM

Hi Flynn thanks for this but when you say container could you elaborate a bit more as I am faily new to this!!


Wimbledon Jul 28, 2009 01:05 PM


I believe it is solved here:

norwichkaren Aug 5, 2009 05:12 AM


juggledad Aug 5, 2009 05:48 AM

There is a post in the GOLD forum explaining how to overlay the logo on the header image

Wimbledon Aug 5, 2009 10:15 AM

The post in the Gold forum works perfectly too. :)

sasajakov Sep 15, 2009 09:13 PM

I would like to reply and ofer a possible answer to the question posed. My solution does not involve code modifications. It is actually a little trick that virtually anybody can do. I saw there are other threads where blog owners have similar issues. I hope my solution will be acceptable to others as it worked well for me and my blog. I wrote an off topic article on my blog that addresses this issue. Please take a look:



susanhare Sep 16, 2009 03:58 PM


Thanks. Not an elegant solution, but the only one that works with the new version of Atahualpa. Flynn's solution written on another thread, and referred to above, no longer works.

If anyone has a better solution, please detail it.

juggledad Sep 16, 2009 04:34 PM

While sasajakov solution in post 11 will work (create a bunch of images with with your logo on them) it suffers from the problem of variable width pages. If you make the page smaller the logo may be cut off depending on how you lock the center image unless you stick to a fixed width page.

There is a post in the gold forum 'How to overlay the LOGO on the Header Image in versions 3.4->3.4.2'

probablepossible Sep 19, 2009 03:12 PM


Originally Posted by juggledad (Post 14789)
There is a post in the gold forum 'How to overlay the LOGO on the Header Image in versions 3.4->3.4.2'

Kind of rude to refer to a post in a locked forum, IMO.

I'm sure you didn't intend to imply that those of us who haven't paid for whatever reason should get out of the sandbox.


(eta) actually it seems you point to the gold forum on many threads here.

juggledad Sep 19, 2009 03:31 PM

to probablepossible

Yes I do point to the gold forums on several threads to let people know there is an answer.

Flynn has setup some forums for people who have donated to: him for the theme development and support, and/or me for support. While I've given away many, many hours of free support, there are occasions when I choose to reserve a solution or 'how to' - that I spent several hours developing - for those who have donated - call it an extra perk for them.

This is not to stop you from figuring out a solution and posting it for everyone else (the fact that there is a solution should help you develop one yourself)

But let me ask you this - Do you give everything away for free? Or are you making a web site to make money?

probablepossible Sep 19, 2009 04:56 PM

this is a pro bono website for a small community.

They have no money and neither do I, and it is intended to keep an emotional connection alive whilst we all fight our way through these times.

What I liked was the rotating header, I wasn't expecting this huge backend!

flapperjak Sep 24, 2010 03:52 PM

Just sent 20 bucks paypal to get access to this solution, but I guess the money won't clear for 3-4 days, according to an automated message in my User CP. Any way I can get an answer today, since this is the time I have slated to work on the company site?


flapperjak Sep 24, 2010 05:31 PM

Well, I figured out something that works for me. Try putting this into Configure Header Area:

HTML Code:

<div style="position:absolute;top:0px;width:900px;height:150px;">

Adjust width number for horizontal placement on your page, etc.

GrahamW Mar 17, 2011 06:09 PM

Well done, Flapperjak - much simpler!

I ended up reversing the order, and there's a space in the word "height" that can be removed.


All times are GMT -6. The time now is 05:08 AM.

Powered by vBulletin® Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.