Jump to content
Sign in to follow this  
WebWerx

A Bit of CSS Help Please

Recommended Posts

WebWerx

I have been mucking with this for too long. I have added a Search box and phone number to my header with hooks: http://cl.ly/3y113L141h452c3S1v06 I'd like to move them higher up - even with the logo..... and am getting muddle with the CSS. Not sure of which selector to use. Need a bit of "CSS TLC".

Share this post


Link to post
Share on other sites
Rob
I'm unclear how you added this to your branding area or what hooks you used but it's set to full width and aligned right by using left padding of 800px. It's not that it's too low, it's that it's too wide. The div is so wide that it wraps below the branding image, rather than being capable of floating right. You should really use Firebug. Here's something you might want to try: [code].search-box-top-right { float: right; margin-top: -10px; padding-right: 40px; } .phone { float: right; margin-top: -35px; padding-right: 70px; }[/code] You can adjust the margin-top in both to where you want it. Something like -55 could be more to your liking than -35, just make the margin-top for the search coordinate by 15px with the phone. If using -55, try -30 for the search.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
WebWerx
Thanks@rangelone. I got started on the wrong foot by adding the left padding. Downhill from there. BTW I added both items to th Branding Area with Hooks. I'll try your solution ver be weekend. :)

Share this post


Link to post
Share on other sites
WebWerx
@rangelone: I just implemented your suggested fixes - made a couple of changes. I'll leave it alone for now until we do our styling.... then some rejigging I suspect. Happy Saturday!

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  

×