Jump to content
Sign in to follow this  
vburnham

Insert Space after Navbar

Recommended Posts

vburnham

I am trying to insert some space between the nav bar and the pagelines_content area to place a image that my page title could go on top of. Any thoughts on how to accomplish this?

Share this post


Link to post
Share on other sites
catrina
You can increase the padding below the nav bar using CSS. How do you plan on adding the image? What image are you placing below the page title?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
vburnham
I'm trying to create a specific header for each page. So after the branding and navigation bar I'd like to create something like this: [url="http://proof.saamadesign.com/wp-content/uploads/2012/01/vision_head2.gif"]http://proof.saamadesign.com/wp-content/uploads/2012/01/vision_head2.gif[/url] so that the page title is on top of the gradient looking bar. Does that make sense? And that was my question... does anyone have any ideas on how to add it? I added the phone number above the nav bar with a hook but I'm not familiar enough with them to know

Share this post


Link to post
Share on other sites
catrina
Yes, it makes sense. I don't think you need to insert the image manually for each page using a hook in order for it to show as part of the page title. CSS can be done to accomplish this. Can you please post a link to your site?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
vburnham
My site is currently under a maintenance mode. Could I just send you my css?

Share this post


Link to post
Share on other sites
vburnham
Or should I just disable the maintenance for a while?

Share this post


Link to post
Share on other sites
catrina
It would be easier for you to disable maintenance. Can you also post the image URL for the image you want to insert?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
vburnham
I have disabled it and the site is [url]http://proof.saamadesign.com/[/url] Here is the image url [url="http://proof.saamadesign.com/wp-content/uploads/2012/01/title_background.gif"]http://proof.saamadesign.com/wp-content/uploads/2012/01/title_background.gif[/url]

Share this post


Link to post
Share on other sites
catrina
Please add this CSS to Custom Code > Custom CSS in your settings: [code].post-title-section {background-image: url('http://proof.saamadesign.com/wp-content/uploads/2012/01/title_background.gif'); background-repeat: no-repeat; padding-left: 170px;}[/code] Note: The Page title will remain below the feature slider as long as the feature slider is still there, but you can remove the feature slider so that the page title is directly below the navigation bar.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
vburnham
We're getting there! Currently it isn't appearing the entire way. How can we change that? Also, I need to place it in between the nav bar and the red border that is showing on each page. That's why I thought we might need a hook. Can we do that?

Share this post


Link to post
Share on other sites
Rob
This is a very generic fix which will apply everywhere and could well have some negative consequences: [code]#content .content-pad { padding-top: 20px; }[/code] The default is 10px and you can adjust the 20px to any number with which you're comfortable. It could change pages and posts where you don't want extra padding.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
vburnham
Thanks! I think I figured out a way to make it only apply to the pagelines_content. Thanks a lot everyone!

Share this post


Link to post
Share on other sites
vburnham
Ok I guess I just have one more question. Now that I have the title looking the way I want it to how can I move it up into the padding space I created?

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  

×