Menu icon Foundation
Best practices for making individual custom elements

Hi,

I have customized all my styles in Foundation and have made a bunch of pages using those elements. Now, I am making a search box very similar to the one on this forum (image attached) and I am having trouble overriding the general styles that I previously defined.

I am wondering about how I should I go about this. What is the best way to approach making an individual custom search box that has different styles from the my custom defaults?

Thanks!

Screen shot 2014 09 25 at 13.21.14

searchalternative custom styles

Hi,

I have customized all my styles in Foundation and have made a bunch of pages using those elements. Now, I am making a search box very similar to the one on this forum (image attached) and I am having trouble overriding the general styles that I previously defined.

I am wondering about how I should I go about this. What is the best way to approach making an individual custom search box that has different styles from the my custom defaults?

Thanks!

Screen shot 2014 09 25 at 13.21.14
Rafi Benkual about 5 years ago

Here is the basic code for it. http://codepen.io/rafibomb/pen/DLnrq

It is nested inside large-3 columns.