Unable to centre the button

[kpatrick93]

I am trying to place a button in the middle of an image on my home page under the headline MENS.

When I insert the button on top the image it goes to either bottom left or top right of the image and I can’t seem to find out how to center it under the MENS headline.

Can someone help, please?

Thanks

[basanta]

Hi Kevin,

Thanks for writing in!

If you want to place the button like the screenshot

Please add this code to the element style of your button.

$el{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;
}

let us know if this is something you are looking for!

Thanks

[kpatrick93]

Thank you for your response.

I really hope you can help me. I have been struggling for a long time as I want to achieve the same effect as https://www.nicceclothing.com/

I want customers to be able to hover over the image and then MENS and SHOP NOW to appear but I can’t seem to crack it. I’ve had lots of support from you guys but it never seems to work.

Can you please help based on what I have already created on the site?

Thanks

Kevin Patrick

[basanta]

Hi Kevin,

Thanks for writing in!

Making similar columns need a bunch of custom CSS code, which is out of our theme support scope.
I would suggest you, please try ess grid plugin, through which you build similar blocks.

Essential Grid | Themeco Docs

Documentation:
https://essential.themepunch.com/documentation/

Hope this helps!