Forums

Center image question

Permalink
Hi,

I am trying to center an image and can not recall how to do this. I have attached a quick screen shot and here is the link to the page showing the image I am trying to center.Any help with this would be most appreciated.

Thanks
Darren

1 Attachment

melange
 
c5dragon replied on at Permalink Reply
c5dragon
When using an image block.
html
<img src="..." alt="" class="ccm-image-block img-responsive bID-xxxx" />
css
img {
    margin: 0 auto;
}
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}
melange replied on at Permalink Reply
melange
Hi Dragon,

Found this original post again. Just a little unclear of where I change that code to what you have listed. I can see an option for CSS when you click on the block and select [ design and custom template] Am I heading in the right direction .? I see copy and paste into this of what you have is not what I am meant to do however. Thanks for any feedback would be great
c5dragon replied on at Permalink Reply
c5dragon
img-responsive already exist in your css. (Bootstrap default)

Put the other code in theme.main.css, somewhere after this part:
.ccm-page img, .ccm-page p img {
    max-width: 100%;
}