Jump to content


Photo
- - - - -

Need to customize search box location


This topic has been archived. This means that you cannot reply to this topic.
5 replies to this topic

#1 tclary

tclary

    Member

  • Members
  • PipPip
  • 11 posts

Posted 12 October 2009 - 09:26 PM

FIrst of all, I just want to congratulate your team on a beautiful design??”really excellent work.

I'm enjoying customizing the theme to my needs and have just a few questions on the Features page.

1. I can't seem to locate the code in style.css which properly governs the bottom edges for the images I have in the fboxes. Ideally I would like to have the images go to the very bottom or to the edges; I adjust one and it messes up the other. Can you tell me which lines of the css code would help?

2. The search box at the bottom seems to be governed by the code which governs the search box in the nagivation menu at top (image not attached). I have the top one precisely where I need it but it seems to control the horizontal location of the one at the bottom, as show on the live site

Please Login or Register to see this Hidden Content

. Obviously, I need to have it scoot all the way over to the 'Looking for something?' box.

Thanks so much for you help. And again: OUTSTANDING design and function!

#2 tclary

tclary

    Member

  • Members
  • PipPip
  • 11 posts

Posted 12 October 2009 - 10:45 PM

Oops. Forgot to mention that this is regarding the iBlogPro3 theme!

#3 arpowers

arpowers

    Founder

  • Administrators
  • 3252 posts

Posted 13 October 2009 - 06:44 PM

1. I can't seem to locate the code in style.css which properly governs the bottom edges for the images I have in the fboxes. Ideally I would like to have the images go to the very bottom or to the edges; I adjust one and it messes up the other. Can you tell me which lines of the css code would help?

There isn't really any code that 'governs' this. The fboxes are all inside a containing div, the will fit the size of the tallest box. Inside the boxes, HTML is used to control layout. Feel free to elaborate more if this doesn't help.

2. The search box at the bottom seems to be governed by the code which governs the search box in the nagivation menu at top (image not attached). I have the top one precisely where I need it but it seems to control the horizontal location of the one at the bottom, as show on the live site here. Obviously, I need to have it scoot all the way over to the 'Looking for something?' box.

You need to control this with CSS specifiers... as the search form is at the top of the layout, then you need to put your modifications in a "#nav .searchform" type selector so it doesn't affect the one on the bottom.

#4 tclary

tclary

    Member

  • Members
  • PipPip
  • 11 posts

Posted 15 October 2009 - 04:10 PM

Thanks so much for your reply! I took a shot at it and think I launched a missile from NORAD by mistake lol.

I hate to be a pain, but could you just show me in the code below exactly what to do to keep the top right search box on the right, and the bottom search box on the left, with the "#nav. searchform" thing you mentioned?

I'll buy you and your whole team beer. And I'm not kidding lol

Please Login or Register to see this Hidden Content



#5 arpowers

arpowers

    Founder

  • Administrators
  • 3252 posts

Posted 15 October 2009 - 08:58 PM

Change this:

Please Login or Register to see this Hidden Content

To this:

Please Login or Register to see this Hidden Content


I'll buy you and your whole team beer. And I'm not kidding lol


You already did that, although a link in your blog roll would be nice.

Good luck! Love your site and logo :)

#6 tclary

tclary

    Member

  • Members
  • PipPip
  • 11 posts

Posted 15 October 2009 - 10:51 PM

You are my new best friend. I'll put up a link, a banner, a keg, spotlights, amplifiers, dancing girls, firetrucks, and guns. You're my hero.