Hi Gardner,
Many thanks for your kind reply.
I'm designing a new site and have defined widths for images that are to be inserted in the FULL TEXT IMAGE field.
The trouble is the old site was produced in Wordpress and I've had to migrate all historic content over to Joomla, which has gone ok except the clients historic article images are smaller than those required for my new design.
So I wanted to center them on the width of the component area (article area).
I've got round it now by doing the following in a custom.less file:
.img-intro-none img,
.img-intro-left img,
.img-intro-right img,
.img-fulltext-none img,
.img-fulltext-left img,
.img-fulltext-right img {
float: none;
margin-left: auto;
margin-right: auto;
width: 100%;
height: auto;
// Make the image reponsive.
// Remove if you don't want article images to be responsived.
img {
.img-responsive();
}
}
.img-fulltext-none {
float: none;
margin-left: auto;
margin-right: auto;
width: 100%;
height: auto;
// Make the image reponsive.
// Remove if you don't want article images to be responsived.
img {
.img-responsive();
}
}
NOTE: View this link
http://pasteboard.co/1i8lbFIQ.png to see what I was after (the blue rectangles either side show that the image is centered on the horizontal).
I don't know if this is the best approach but it worked for me
But many thanks for your reply and offer of help, much appreciated.
Best regards,
T.