Contact pages

mjmo

Hi,

I want to show a Google Maps module with the same address full width under all of my contact pages. I published a module called "Map", based on the JA Google Maps plugin, in postion body-bot-1. However, it is not filling the full width of the page.

How can I achieve that the module is shown in full width?

In addition, can you please advise on the optimal image size for conatct images? My current ones appear cut unfortunately.

Thanks,
Michael

saguaros

Hi Michael,

1/ For the image, it due to the image ratio, it's set as background image now and when you set it to cover that section, the image will be cut. You can use this custom CSS to show image fully:

.contact .plain-style .top-info .contact-info {background-size: contain !important;}

The best solution is that you can edit that image to have same size with that section so it can fit.

2/ I added this custom CSS so the map can show fully:

div#t4-body-bot-1 {
    padding-top: 0;
    padding-bottom: 0;
}

#t4-body-bot-1 #ja-widget-map1-container {
    width: 100% !important;
}

Kindly check.

mjmo

Hi Saguaros,

thanks a lot.

1/ I agree it would be best to have fitting images. Please, can you tell me, which image size would be ideal to fill the background (xx px x xy px)

2/ The custom css works great for the map. However, I have another module published in the body-bot-1 position on the Home-Page ("Video-Andacht Frontpage"). This module contains an embedded recurring Vimeo live event. The video now also appears accross the screen. Ideally, I'd want to build something like the modules on your demo page (pls see screenshot) where the video is shown on either side of the screen and some text on the other side.

Can you advise how to build such a module?

Thanks,
Michael

saguaros

Hi Michael,

1/ The dimension of that part is: 1200px x 400px

2/ JA Content Listing module will show the normal article content, to achieve that layout with video + text. I think you can consider to use a 3rd party extension or use a custom module to embed video + content but you will need to customize style for it 🙂

mjmo

Hi Saguaros,

1/ Thanks a lot!

2/ You mean this module just shows one single article with JA Content listing? Could you maybe share the settings used here so that I can copy them (even without video).

Thanks,
Michael

saguaros

I meant JA Content Listing will show list of articles only, it doesn't have that kind of layout with video + content like that.

mjmo

Hi Saguaros,

got it. But nonetheless, if I wanted to recreate a module like the one in the screenshot above (without video), this would be possible with JA Content listing?

Best,
Michael

saguaros

JA Content Listing supports different layouts, pls check out this guide for more info: https://www.joomlart.com/documentation/joomla-module/ja-content-listing-for-joomla and select the layout you wish.

mjmo

Hi Saguaros,

maybe we have a misunderstanding. I wanted to know how the design of the module on the demo page (see below) was created. From you answer, I assumed it could be created with JA Content Listing. However, I can't find this exact style. Or am I wrong?

Best, Michael

saguaros

mjmo Which style you want to use? Pls submit a new topic for this so I can help.

mjmo

Hi Saguaros,

I want to replicate a module that looks exactly like the one in the screenshot, i.e. text + list + button on the left and an image on the right hand side. Maybe this is just a custom module and not made with JA Content listing?

Best,
Michael

saguaros

Could you share the URL of that page on our demo site? https://ja-blockk.demo.joomlart.com/index.php