Jump to content
Sign in to follow this  
abdesignco

How do I add a content box to header but instead of content have image?

Recommended Posts

abdesignco    0
abdesignco

Hi, I am in the middle of a website design... I wanted to add an image to the About Us page in header off to the right of the logo and below the nav bar. Previously I used the content box plugin for quote on other pages- but would like to add an image and size appropriately instead of text. please look at www.ayistyle.com/reviews for image placement(in space where quote is, but on about-us page). Please help. I need to solve this one quickly. Pagelines is not as intuitive as it is advertised, however the plugins like contentbox have made things easier- I just need one of those for images.

Share this post


Link to post
Share on other sites
Rob    547
Rob
The content box doesn't really go into the header. It's intended to provide an area for content, not header information. To add an image in the header other than the branding image, you may use a hook. Please see: http://www.pagelines.com/wiki/How_to_Use_the_PageLines_Customize_Plugin http://www.pagelines.com/wiki/How_to_Add_Customization Inside the hook, you create a new div with a unique class. That will help you to hide the image on pages other than the 'about us' and align it where you want it. Please let us know if you need additional assistance.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
abdesignco    0
abdesignco
Thanks, which hook do I use? I need more specific instructions. I know the general use of pagelines customize plugin, and also looked up hooks. There is a list and I don't know which one to use. Also- if I can place above content that will work too, as long as I can customize the position.

Share this post


Link to post
Share on other sites
abdesignco    0
abdesignco
I followed this post- but what hook do I use? And also class in style.css to position image, etc... http://www.pagelines.com/forum/discussion/16676/add-image-in-header-in-framework/p1

Share this post


Link to post
Share on other sites
Rob    547
Rob
Yes, the hook there works fine, however, before the [/code] and right after the , please enclose the div with [code]
[/code] Then, in your CSS, you'd float it right. You can see it working at my site http://www.epicurus.com. As for the sidebar, if you really want the ad centered, for example, or you want a big branding image PLUS a leaderboard (728x90px) then the use that method by simple drag n drop in the template. Inside the text widget, again, wrap the image and link code inside a div with a unique class, so you can align it centered.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
abdesignco    0
abdesignco
Right, but what hook do I use? I don't want a link to image, I want an image to appear below nav bar. And, also make it so different images appear on different pages. How would I customize that?

Share this post


Link to post
Share on other sites
Rob    547
Rob
The hook depends on where you want to place it. Here's a list of them: http://www.pagelines.com/wiki/PageLines_Hooks

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
starlit    2
starlit
@rangelone Thanks for the useful thread so far. I used all of the above just not quiet clear how I get my pic over the social icons. I used the hook 'pagelines_before_branding_icons' and inserted a css floating right. I just can't seem to get it up now. I would love to have it in the swirl 'over' the header image. Please have a look. http://mamabamba.com/wp/ Some CSS input would be greatly appreciated. Thank you!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×