Layout "Directions Button"

Phoca Maps - displaying maps in Joomla! CMS
elektrofreitag
Phoca Newbie
Phoca Newbie
Posts: 8
Joined: 07 Mar 2017, 10:05

Layout "Directions Button"

Post by 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?

Tags:
christine
Phoca Hero
Phoca Hero
Posts: 2723
Joined: 28 Nov 2010, 17:20

Re: Layout "Directions Button"

Post by 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
Phoca Newbie
Phoca Newbie
Posts: 8
Joined: 07 Mar 2017, 10:05

Re: Layout "Directions Button"

Post by elektrofreitag »

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

thank you so much!
christine
Phoca Hero
Phoca Hero
Posts: 2723
Joined: 28 Nov 2010, 17:20

Re: Layout "Directions Button"

Post by 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
Phoca Newbie
Phoca Newbie
Posts: 8
Joined: 07 Mar 2017, 10:05

Re: Layout "Directions Button"

Post by elektrofreitag »

Super, vielen Dank.

Hat sofort geklappt :-)
christine
Phoca Hero
Phoca Hero
Posts: 2723
Joined: 28 Nov 2010, 17:20

Re: Layout "Directions Button"

Post by christine »

Na wunderbar. Danke für die Rückmeldung.
Liebe Grüße, Christine
elektrofreitag
Phoca Newbie
Phoca Newbie
Posts: 8
Joined: 07 Mar 2017, 10:05

Re: Layout "Directions Button"

Post by 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
Phoca Hero
Phoca Hero
Posts: 2723
Joined: 28 Nov 2010, 17:20

Re: Layout "Directions Button"

Post by 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
Phoca Newbie
Phoca Newbie
Posts: 8
Joined: 07 Mar 2017, 10:05

Re: Layout "Directions Button"

Post by elektrofreitag »

Perfekt, genau so!

Vielen herzlichen Dank! :)
Post Reply