Forum Support

Shape 5
August 03, 2021, 12:20:32 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: How to add the "Search" button in the floating menu?  (Read 408 times)
chriddo
Jr. Member
**
Offline Offline

Posts: 216



« on: December 20, 2014, 03:50:59 AM »

The search button disappears when scrolling downwards and the floating top menu appears.

I would like to know how to enable it.

Please assist.
Logged
thetonybli
Jr. Member
**
Offline Offline

Posts: 17



« Reply #1 on: December 20, 2014, 05:29:07 AM »

Hi,
Its there, jsut dark and well ninja'd, you jsut need to make it lighter or white

template.css file line 1345, just change the color hex option

.s5_wrap_fmfullwidth #s5_search_wrap {
    color: #fffff;
}
Logged
chriddo
Jr. Member
**
Offline Offline

Posts: 216



« Reply #2 on: December 20, 2014, 06:18:16 AM »

I like the word "ninjad"  Cheesy

I added your code in the "custom.css" but it is not yet showing up in the floating menu. Can you please check again?
« Last Edit: December 20, 2014, 06:22:19 AM by chriddo » Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: December 20, 2014, 07:06:47 AM »

Hello,

The search is a glypicon so it's controlled by the css "color" specification. If you've changed your background color you'll need to account for the color of the icon as well with the code mentioned above. The following is what controls this in template.css:

.s5_wrap_fmfullwidth #s5_search_wrap
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
chriddo
Jr. Member
**
Offline Offline

Posts: 216



« Reply #4 on: December 20, 2014, 07:11:01 AM »

I am not following you I'm afraid.

Do I have to change the background color in the template settings to get this working or can I add some more CSS code to fix it?
Logged
thetonybli
Jr. Member
**
Offline Offline

Posts: 17



« Reply #5 on: December 20, 2014, 08:34:51 AM »

nope as mike said, you search for it in the TEMPLATE.CSS the code you are looking for is on line 1345.
If you are editing css in dreamweaver you can get to this line easily by using the shortcut CTRL + G.

simply change the color hex to what you want or to white as i did in the code i showed above "#ffffff".

if i shed any more light as to how to, i will blind you from brightness ... lol
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #6 on: December 23, 2014, 09:04:50 PM »

If you have any further questions let us know.
Logged

Mike Nicoll
------------
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
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.