How to position the hot swipe carousel below the menu and centre the text

Hi,

Thanks again for the fabulous support. I recommend Hot Joomla Templates to many people.

I am setting up a website on adorablekateringcanapes.com.au and would like the home page to look like that on adorablekatering.com.au. To this end, I would like the image in the carousel to display below the menu, not over it, and have left and right margins. I would also like to centre the text and not have it wrap. Do you have any suggestions as to how I night achieve these goals?

Many thanks,

Julia.

Hello,

To have the left/right margins on the carousel, go to template options, and under Layout > Row Settings (where User1 module is) disable the Full Width option.

If you want the carousel to be above the menu, you can drag this row above the row with the menu (make it first).

Also, under Custom > CSS find and delete this:

Regards,
Milos

Thanks Milos, I'm now gradually getting to the layout I'm after.

I have the image set at 95% width and would like to centre it on the screen. How do I do this?

Also ... you have a special trick on some templates of making part of the carousel image text a different colour to other parts. Are you able to explain how you do this?

Many thanks again for your expertise.

Julia.

Hello,

Use 100% width for the carousel and add this in custom CSS:

You can add background to the carousel text in the module settings. The options are under Style ("Text Box Background Color" and "Text Box Transparency"). More details: www.hotjoomlatemplates.com/joomla-extens...ch-friendly-carousel

Regards,
Milos

Hi Milos,

Thanks for your help - the carousel image is starting to look quite good now.

I'd like to adjust the text size (I use H1 and h4 headers) for screens about 992px wide. How do I do this?

Cheers,
Julia.

Hello,

You can add this in custom CSS, for example:

If it doesn't apply, maybe it's overridden somewhere in CSS, use Chrome Developer Tool to check this.

Regards,
Milos