Simple module positioning

[TikkiRo]

I didn't know where to ask this Q as it might relate to either the template, CSS or a module but given the simplicity of the problem hopefully someone will still be able to help.

Basically I'm testing out a new template (ET-Creative by Engine Templates) and couldn't get an image placed where I wanted it so opted to create a module & put it into that. So now my problem is that I can't get it centered on the page. Simple?? I didn't want it centered over the content so please don't suggest I just stick it in there.

I've searched high & low in every CSS file, template file and any other file I could find for what I presumed was the place to make the change - sp_xhtml outline - (the module position) to no avail.

https://www.kitsandcards.co.uk/jgtc3/index.php

Thanks.

[AMurray]

Assuming you mean your banner image at the top of the page, sitting in a custom module....

1. You can centre the image through the image properties but this depends on the editor you're using as to how easy this is.

2. You can use CSS and set the alignment and margins. Refer to https://www.w3schools.com/howto/howto_c ... center.asp

What article editor are you using (set in global configuration). Suggest trying JCE Editor, for easier editing of elements like images.

Suggest keeping w3schools.com as a bookmarked site, as it is a very handy all things web-coding reference.

Also, I'm not sure this template will work forever - it still indicates it works with JOomla 2.5 (long obsolete) so it probably won't work in to the future with current PHP versions 7.4 and 8.0 (or with Joomla 4). I don't know therefore if the age of the template has anything to do with the issue at hand.

[TikkiRo]

Ahh thanks for that speedy response & good info. Intrigued about the template age issue as I'd assumed it was a current up to date responsive one so I might well have to look at another one in that case. I'm using JCE ok and do have the image centered in the module setup but that's not made a button of difference. In fact it doesn't seem to matter what alignment I set in the editor it has no effect on the front end. I'd just no idea where to look to find the CSS for it, but presume there's a way to do it within the module itself as an override or something so I'll investigate that a bit more?

Thanks again for the help

[Per Yngve Berg]

"width: 100%" on the image does the trick.

[Pavel-ww]

... or margin: 0 auto;