I'm struggling with something that should be really simple.

I have 2 modules side by side one displays a widgetkit slideshow the other a googlemap. I want them to display completely inline - i.e. the titles inline and then the top and bottom of the map to be inline with the top and bottom of the images in the slideshow. It doesn't seem to make a difference what height/width I use for the map it will not sit inline with the slideshow? Is there a simple way to specify the module height and to contain the content within those contraints?

The website can be found here

Would I be better off using a custom html module covering the full width here or is there a way to do it with css. It is the map that is causing a problem more than anything else.

Thank you in advance for any advice.

Regards D


You can probably use some custom CSS (see https://joomla.stackexchange.com/a/3878/120 for more details on creating a custom CSS file for your template) like this or similar:

@media (min-width:788px)
  .map-responsive iframe {
    height: 338px;
    margin-top: -12px;
  • 1
    Thanks Neil, I tinkered a bit with it with the help of your code and this seems to have worked :)
    – Dtorr1981
    Sep 20 '17 at 16:18

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.