Problem with image align
Permalink
I'm trying to let an image align right on my new Concrete5 5.7.5.8 website 'in the making'. I've tried in it several times. Both in a global footer area and in a non-global area in the body of the site.
I tried it with the image in an image block and also in a content block. In both cases alignment right doesn't work (nor does any other alignment than left will work).
Of course I did empty both the browser cache and concrete5 cache but nothing works. I can't imagine that such a basic function like this can't work. What can I do to fix this issue?
(see also attached 2 screenshots. The social links above are aligned right using MrKDilkington SVG Social Media Icons)
Thanks in advance for your help!
Hans
I tried it with the image in an image block and also in a content block. In both cases alignment right doesn't work (nor does any other alignment than left will work).
Of course I did empty both the browser cache and concrete5 cache but nothing works. I can't imagine that such a basic function like this can't work. What can I do to fix this issue?
(see also attached 2 screenshots. The social links above are aligned right using MrKDilkington SVG Social Media Icons)
Thanks in advance for your help!
Hans
This doesn't answer your question, but...
I found that, in many circumstances, I had to assign a custom class to coerce elements to the centre. An example:
You could adapt this approach to right-align.
It might also be instructive to look in concrete\themes\elemental\elements\footer.php. You can see the 'pull-right' class being used there. That's a standard bootstrap class, and might just work in your context.
I found that, in many circumstances, I had to assign a custom class to coerce elements to the centre. An example:
.ccm-aurora-centre img {margin-left:auto; margin-right:auto;}
You could adapt this approach to right-align.
It might also be instructive to look in concrete\themes\elemental\elements\footer.php. You can see the 'pull-right' class being used there. That's a standard bootstrap class, and might just work in your context.
Another option might be to create a custom layout, if the theme allows this. You could create a 2-column layout within the area, and have the social icons in one, and the image in the other.