Jump to content


Photo

Changing Color of Search Form & Search Field Navable


  • Please log in to reply
7 replies to this topic

#1 margeaux7

margeaux7

    Super Member

  • Members

  • 118 posts
  • Framework Version:2.3
  • Country: Country Flag

Posted 10 August 2013 - 01:32 PM

This works while viewing in Firebug but when applied to custom code it does not work. It also gives me Less Compile Error.

 

I want the background color of the Search field and button to be white.

 

Thank you very much for helping me in advance because it helps me learn and become more self sufficient.

http://66.147.244.90/~apecconf/

 

.section-navable .searchform .searchfield {
    background-color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    color: rgba(255, 255, 255, 0.8);
    margin-right: 11px;
}



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 11 August 2013 - 01:32 PM

@margeaux7  I moved the topic to Nick Haskin's queue.  He'll be able to reply best to this.  Many apologies for any delay. He's usually very prompt once he gets notice, but usually that's not till the end of the day (the system, not him nor me).  Thanks for your patience.



#3 beardedavenger

beardedavenger

    Unicorn Wrangler

  • Members

  • 1219 posts
  • Country: Country Flag

Posted 11 August 2013 - 03:07 PM

Hi!

I recommend learning how to master inspector within Chrome.



#4 margeaux7

margeaux7

    Super Member

  • Members

  • 118 posts
  • Framework Version:2.3
  • Country: Country Flag

Posted 11 August 2013 - 03:10 PM

I look forward to Nick's assistance and thank you for letting me the status of my inquirey. I appreciate it.



#5 beardedavenger

beardedavenger

    Unicorn Wrangler

  • Members

  • 1219 posts
  • Country: Country Flag

Posted 11 August 2013 - 03:14 PM

You're so close! I'll see if you can figure it out first.

 

http://screencast.com/t/jYX3xKCsQ4nx



#6 margeaux7

margeaux7

    Super Member

  • Members

  • 118 posts
  • Framework Version:2.3
  • Country: Country Flag

Posted 12 August 2013 - 11:57 AM

Nick,

Thank you for  the hints. I changed the search button to white and added this to custom code: Search field is still green. What am I doing wrong?

.section-navable .searchform .searchfield {
    background-color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    color: rgba(255, 255, 255, 0.8);
    margin-right: 11px;
}



#7 margeaux7

margeaux7

    Super Member

  • Members

  • 118 posts
  • Framework Version:2.3
  • Country: Country Flag

Posted 12 August 2013 - 01:48 PM

Also I get a LESS compile error: failed at background: #FFFFFF

 

Here is a screenshot of custom code window.

 

http://66.147.244.90.../myredtext2.png

 

Thank you for your help as I am getting a little desperate.

:-)



#8 margeaux7

margeaux7

    Super Member

  • Members

  • 118 posts
  • Framework Version:2.3
  • Country: Country Flag

Posted 13 August 2013 - 04:47 PM

Hello, I know everyone is busy. May I please get some assistance? Thank you.