Forum Support

Shape 5
December 04, 2021, 07:56:05 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Search Bar High  (Read 674 times)
YieldMan
Jr. Member
**
Offline Offline

Posts: 14



« on: April 15, 2016, 11:19:12 AM »

How can I lower down the search bar? It just seems a little bit up to high. Thanks!
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: April 16, 2016, 12:28:10 PM »

Hello,

The following in custom.css would move it closer to the menu:

#s5_search_wrap {
margin-bottom:0px !important;
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
YieldMan
Jr. Member
**
Offline Offline

Posts: 14



« Reply #2 on: April 20, 2016, 06:28:33 AM »

Thanks for the reply. I added the code you supplied to the custom.css and it didn't seem to do anything. www.yieldmanagementcorp.com

I did happen to find another way and that was to change the padding-top from 71px to a higher number and that brought it down. Not sure if this would be the right thing to do. What do you think?

Code:
#s5_search_wrap {
    float: right;
    padding-top: 71px;
    margin-bottom: 16px;
}
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: April 20, 2016, 07:41:18 AM »

Hello,

That css should have worked, I had tested it in Firebug. Your css will also work, it's basically doing the same thing.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
YieldMan
Jr. Member
**
Offline Offline

Posts: 14



« Reply #4 on: April 20, 2016, 08:01:40 AM »

Hello,

That css should have worked, I had tested it in Firebug. Your css will also work, it's basically doing the same thing.

I don't know why it did not work. I cleared browser and website cache and it still had not moved it down. Anyways I just set the padding to 100px and I'm happy with the results.

Thanks.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.