Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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
Comments
=-=
a link to the site would be of benefit.
VMII, my site is not live but
VMII, my site is not live but I have a picture...just don't how I get it to you.
Please try FLEXBOX
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.
I'm fairly new to website
I'm fairly new to website building. I need to know precisely how to center these image blocks within this particular region. Thanks.
apply this css attributes
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;
}
Thanks. Once the website is
Thanks. Once the website is live which should be soon, I'll send you guys the link.