Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Re: [CSS] Search form is displayed in two rows
Hi jensf, happy you got it working ;)
Offline
#17 2015-09-10 15:19:18
- jensf
- Member
- Registered: 2015-07-16
- Posts: 23
Re: [CSS] Search form is displayed in two rows
@uli,
While this is finally looking very good after your (+@all) hints and help, I have still one question: the search button is in line with the input field in e.g. Chrome browser. But in Firefox and in the Chrome in the view for small displays (width < 900px) it’s NOT: the search button appears with some (1px?) “space” at the bottom. When I try to change border-width attributes for the button or do some experiments with font-size for the mentioned classes etc., I get it looking fine in Firefox. But I have the same issue with Chrome as I had with Firefox first, then. ;-)
Do you have any idea why this 1px-bad-positioning happens in Firfox?
Offline
#18 2015-09-10 15:24:48
- uli
- Moderator
- From: Cologne
- Registered: 2006-08-15
- Posts: 4,316
Re: [CSS] Search form is displayed in two rows
Have you tried setting the same line height that you have in your font size?
In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links
Offline
#19 2015-09-11 09:50:55
- jensf
- Member
- Registered: 2015-07-16
- Posts: 23
Re: [CSS] Search form is displayed in two rows
uli wrote #294684:
Have you tried setting the same line height that you have in your font size?
No – I didn’t so far. But after your comment… I did:
.right button,
.right .button {
line-height: 0.875rem; }And it’s working! :-) Thank you so much …so far.
Now, I’ll try to find out how I will get the same for the menu view for small displays < 900px width because here’s still still 1px in Chrome and Firefox. ;-)
Offline