Unable to get search module to configure it's format. Always look like the attached regardless of the settings in the module.




Or button on the bottom.

Hi There,

Do you have a link for the site?

Thanks
Paul

Good Evening Paul,

Thanks for taking a look in advance. The website address is

www.auvsipathfinder.com

Regards,
Duane

Hi Duane,

Try hitting the space bar in the label field to remove the label

I think that will leave just the magnifying icon above the search?

If so can you try adding

.search input[type="text"] {float: left;}
.fa.fa-search {font-size:2em;padding:.2em}

And you will need to turn the search button off in the module settings

Cheers
Paul

I've added your recommendation to the module class suffix override in the module. The search module layout is still the same. There is something not allowing the search module to configure.

Thanks,
Duane

Hi Duane,

Where have you added the custom css I suggested?

and can you attach a screenshot of your search settings

This is what I get adding the css and changing the settings

This is the settings I have

Thanks for the reminder about custom.css. I hadn't had a coffee yet. I've added your code to the custom.css file but no change in the search box. Something is preventing the template from utilizing the custom.css file and a global before </head> and before </body> custom code insertion from applying too. I can see the before /</head> code but not the before </body> code when I look on the client side. Could that be related?

Try turning off css optimisation

Cheers
Paul

No change after turning CSS optimization off

.

Do you have caching enabled on the site or server?

As I'm still seeing optimised css files

I've done a hard cache clear

Cheers

I generally turn the server side caching off. But it's still not loading the custom.css file or the scripts for my SSL certificate check at Comodo.

Hi Duane,

I can now see the custom.css file and the ssl seems to be working

www.auvsipathfinder.com/templates/newstream2/css/custom.css

Did you add a space to the label field in the admin search module settings?

Also the styling you have in the custom css file has the wrong bracket

it needs to be

.search input[type="text"] {float: left;}
.fa.fa-search {font-size:2em;padding:.2em}

OK, thanks so much. That's working. The SSL certificate is working but the scripts that Comodo provided should allow you to click on the logo to verify SSL status. That part isn't working.