Hi guys,

Please excuse me if i am not making too much sense, but does anyone know how to, or can assist me with, centreing a module position. In particular, i have a module with a button in it located in the headsearch position (top right) on the Socialize template, and i'd like to have the content of that whole module position aligned to the centre of the module's actual position on the template.
I don't actually want to move the module position, just centre the contents inside the module's position on the template.

Can anyone help?

Thanks
Adam

Hi, Adam.

Please, add a printscreen and mark on it what area you mean and what you want to achieve.
Use this service prntscr.com/ to post images (as our built in attachment function shrink images too much so I can't see details.

Hi Michael,

Thanks for responding. It's more pronounced on the mobile version of the template than on the desktop version, so I've attached that.

prntscr.com/58f9hbG

Basically i'd like the button aligned with the red arrows. Would be awesome if the whole module could be. :-)

Thanks
Adam

Hi, Adam.

There is no printscreen under this URL: prntscr.com/58f9hbG
Please, try to upload it again.

If it's in mobile view, try to view your site here: www.responsinator.com/

Hi Michal,

Try this one: prntscr.com/59xmee

Its more pronounced on this screen shot, as i've placed the module in question directly above one of my google ads modules, which is centred in that module position.. (if all that makes sense).

Realistically, i actually want the button to appear in another module position - "head-search"

Thanks
Adam

HI, Adam.

Ok, now please, edit your first post and check site credentials. I can't log in to check your code.
But why you can't add button to "head-search" position?

Hi Michael,

I am able to add it to the head-search module position, however it is not centred when it is in that module position.

I've updated the initial post

Cheers
Adam

Hi, Adam.

If you mean that when assigned to "head-search" position is not in the middle of whole site width - it's because this position is in span4. That means it will be displayed in limited space 4/12 at right, the rest 8/12 is for logo area.

There are few ways to center block objects e.g:

set margin: 0 auto;
or in parent container text-align: center;

If element is not a block element you can use display: inline-block;

Great, thank you Michal, i'll give that a try