Contact Page - Map location / Text

Hi there,

I'm a bit lost on how to change some details on the contact page. http://www.rsotb.uk/index.php/contact

1) the long/latt coordinates on the map. Can you please put me in the right direction?

2) I want some copy above the map in which I've used the 'miscellaneous information' box in Contact Manager. After trying this the form has no gone completely. It looks like it flashes up underneath the map when loading.

3) Is it possible to add some radio buttons to the form?

4) Is it possible to change the margin above the logo (top left) across all pages?

Thanks for your help,
Rob

Lets start with coordinates.
You need to edit contacts -> contact and with the only one available - switch to "Miscellaneous Information" tab. There you will find html code that generates the map itself.
You can use this field as a custom html editor - and insert any other html that is necessary.
I'm afraid there is no way to add additional elements to the form itself.

To adjust top logo margin, please edit: /templates/gk_photo/css/override.css and add at its end:

Code: Select all

.gk-logo-wrap .gk-logo, .gk-logo-wrap .gk-logo-text {
margin: 86px 0 0 0;
}


Now reduce 86px value to your liking.
Remember to enable "CSS override" in template settings - advanced section.

Thanks Cyberek, most helpful.

On the Contact page and the Miscellaneous Information box, is there a way of making this come to the top above the address and without the heading? Doesn't seem to flow otherwise. The Map is fine at the top.

Many thanks,
Rob

Could you please create a simple mockup how should it look like?

I've attached a visual for you. Ideally the copy needs to come above the contact details so that it forms an intro.

Is there another override that allows the image in the Portfolio and Blog sections show full width on mobile and not just a slice down the middle?

Many thanks,
Rob

Sadly - there is no way of posting anything in right column. You could post some text just under the map but above form & adress simply by entering it under map mockup in "Miscellaneous Information" tab.

I can't see how you could do that either. I've already tried and it doesn't show up under the map.

See attached code screenshot and the page is here: http://www.rsotb.uk/index.php/contact

Try putting paragraph outside the map div - as it is replaced with the map itself, so whatever inside will disappear.

As soon as you do that it goes straight back to the bottom under the address details
http://www.rsotb.uk/index.php/contact

Very frustrating as there seems to be no flexibility on this page to do anything.

Can it go inside a separate <div> under the map? I've tried this but it still goes to the bottom again.

Cheers,
Rob

I have checked this and sadly - it is designed this way. You might add custom module position in this file:
/templates/gk_photo/html/com_contact/contact/default.php
just under this line:

Code: Select all

<div class="gk-page<?php if (!$this->params->get('show_page_heading', 1)) : ?> no-header<?php endif; ?>">


or lower depending on your decision.

Thanks for looking into this for me.

If I knew how to add custom module positions, I surely would.

I'll see if Google has a answer for that one!

Thanks, Rob

Is there anything else I can help you with regarding this topic?

Hi Cyberek,

The only other problem I have is the size of the image on mobile, i.e. homepage slider, header images and the portfolio/blog image. Mobile only shows a slim middle section which isn't great as everything gets cropped.

Is there a way of showing more width/percentage on mobile?

Sorry, should the above be a new topic?

Cheers,
Rob

It would be better to create a separate thread and set correct topic, could you please do that?