Layout "Directions Button"

[elektrofreitag]

Hello there,

I´ve got a problem with the layout of my directions button.
From and to are displayed underneath in two lines. How can I Display both fields and the submit-button in one line?

[christine]

Hi,

which PM version/Joomla version are you using? In principle it's in one line. More info possible with given URL. Thank you.

Kind regards, Christine

[elektrofreitag]

Joomla-Version: 3.6.5
URL: http://elektro-freitag2.devfreitag.de/d ... ruppe.html

thank you so much!

[christine]

Hallo,

nun ja, das ganze Layout basiert so denke ich, auf frame work. Ähnlich wie diesem: https://www.joomshaper.com/documentatio ... eader-code.
Normalerweise kann man ans Ende der template.css was setzen. Hier aber, siehe Link, soll man anders vorgehen.

Daher mal ein Versuch: Ans Ende der phocamaps.css geben:

Code: Select all

.phocamaps-box, form.form-inline {
display:inline-flex; 
}

Liebe Grüße, Christine

[elektrofreitag]

Super, vielen Dank.

Hat sofort geklappt :-)

[christine]

Na wunderbar. Danke für die Rückmeldung.
Liebe Grüße, Christine

[elektrofreitag]

Hey Christine,
noch eine Frage..
hast du vielleicht eine Idee, wie man die Darstellung verbessert? Momentan sind die Felder ziemlich "aufeinandergerückt". Wie könnte man den Abstand zueinander am einfachsten verringern?

Viele Grüße

[christine]

Hallo,

puhh. Das ist absolute Spielereisache Wie oben erwähnt, liegt es am Template. Die meisten CSSen sind in der legacy.css und/oder business.css etc. verankert. Du meinst aber schon, den Abstand vergrößern?

Probier folgendes:

Code: Select all

.phocamaps-box, form.form-inline .input, .btn {
margin-left:10px;
margin-right:10px;	
}

input.pm-input-route-btn.btn {
padding-bottom:0px;
padding-top: 0px;
padding-left:10px;
padding-right:10px;	
}

select#toPMAddressPlgPM1 {
margin-left:10px;	
}

Das wars in Moment. Bin dann nämlich weg.

Liebe Grüße, Christine

[elektrofreitag]

Perfekt, genau so!

Vielen herzlichen Dank! :)