T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Terry Rugg
  2. General Discussion
  3. Wednesday, 17 June 2015
  4.  Subscribe via email
Hi,
Am using T3 BS3 Blank template and need to center the Full Text Image horizontally.

We've turned FLOAT on both intro and full text images to NONE in the OPTIONS for articles but we're still not getting the images to center on the width.

Using: Joomla 3.4.1 and latest T3 BS3 Blank v2.2.0

Any advice would be really appreciated.

Thanks,
Terry.
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Terry Rugg,

I checked on our T3 Blank site and its working properly. Here is the setting: http://easycaptures.com/fs/uploaded/868/9292619911.png
And here is the article in front-page: http://easycaptures.com/fs/uploaded/868/5176786759.png. I also checked the left and right float options and they are all working.
It's great if you can share with me the page url that the issue happens, I am willing to check and give you suggestion.

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
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.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Nice to see it works, you're welcome and let me know if you need any further help.

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Gardner.
Much appreciated.
T.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.