9 years ago
Topic

Hi there

I'd like to use a so called a Standard Font Family for all my Website Content - it's Open Sans. This works with a used general layout from my template (JSN Epic Pro) with:

html, body {
font-family: Open Sans !important;
}

But within the search form it only works for all the labels but not the field content in pulldown elements. Unfortunately I didn't find a solution like Typography in the Content section for the Search Form section. 

Could you please tell me where I have to add which parameters or code?

Thank you
Heinz

Get a VIP membership
154 Posts
WebOne
9 years ago
3
Level 1

Hi,

You can  style with :

 input[type="search"] {color: red;}

OR

Edit the field.

On the right of the Storage field (at the bottom) you will find an Arrow (pointing downwards) - click on this - you will see a place to enter a CSS class for the field.

Enter say: mycolor

Then style the input :

input.mycolor {color: red;}


9 years ago
2
Level 2

Thanks for your hint. 

I tried to use the second proposal editing the field. Then I entered 'mycolor' in the field Class (CSS) and to style the input 'input.mycolor {color: red;} within the next field (Custom Attributes) - but there was no impact in the search form!

Did I misunderstand something?

And by the way: where can I style with the version 1 of your proposal?

154 Posts
WebOne
9 years ago
1
Level 3

Hi,

Simplest probably is to add

input.mycolor {color: red;}

to your main Joomla template css file (usually template.css)  [

You can optionally enter (as an alternative)

input[type="search"] {color: red;}

in the same.

9 years ago
0
Level 4

Thanks for your support - was custom.css!

Best regards
Heinz

Get a VIP membership