Forums › Forums › Search & Filter Pro › Text to Left on Horizontal Search Bar

Viewing 5 posts - 1 through 5 (of 5 total)
  • Trevor
    (Private)  April 28, 2017 at 9:54 am #105367

    Something like this maybe:

    .home .widget-wrap form.searchandfilter[data-sf-form-id="1135"]:before {
  content: "Search";
  float:left;
  padding-top: 20px;
  font-size: 25px;	
}
    Anonymous
    (Private)  April 28, 2017 at 10:05 am #105377

    Wow, thanks for the speedy response.

    Two quick follow ups:

    1. If you look at https://mathsclubs.co.za/, it shifts the submit button onto a new line, how do I prevent this?

    2. Is there a quick way for the text to inherit the same font and style as the submit button or must I include this in the css?

    Thanks again for your help.

    Andrew

    Trevor
    (Private)  April 28, 2017 at 11:52 am #105396

    This would be more like ti then:

    .home .widget-wrap form.searchandfilter[data-sf-form-id="1135"] > ul:before {
  content: "SEARCH";
  float:left;
  padding-top: 28px;
  font-size: 14px;	
  color: #fff;
  margin-right: 20px;
  letter-spacing: 3px;
  font-weight: 400;
}
    Trevor
    (Private)  April 28, 2017 at 11:53 am #105398
    This reply has been marked as private.
    Anonymous
    (Private)  April 28, 2017 at 12:02 pm #105402

    Brlliant! Thanks so much Trevor. Really appreciate your assistance. All is sorted and it looks great.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)