By brockd on

Hi, I'm new to Drupal and to website building. I'm using the premium responsive theme and have used the image block module to placed an image (button) inside each of the regions "bottom" 1-3. I would like to know how to center the images so the buttons as a whole appear centered on the page? I tired text-align, float properties and tired adjusting the padding and margins with no luck. I would really appreciate your help.

Thanks

David

⋅ Categories: Drupal 7.x

Comments

VM’s picture

VM commented

a link to the site would be of benefit.

brockd’s picture

brockd commented

VMII, my site is not live but I have a picture...just don't how I get it to you.

VikramS’s picture

VikramS commented

Hi,
Try Flexbox css properties to arrange any structure in HTML for mobile designs.
This link will help you understand more.
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Note: Flexbox won't work below IE9.

brockd’s picture

brockd commented

I'm fairly new to website building. I need to know precisely how to center these image blocks within this particular region. Thanks.

VikramS’s picture

VikramS commented

Hi,

It would help if you give any reference of your site.
Otherwise apply the given css attributes to parent div of the image block.

.parentimageclass{
display: flex;
justify-content: center;
}

brockd’s picture

brockd commented

Thanks. Once the website is live which should be soon, I'll send you guys the link.