We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (2)

Resolved T3 "Blank" template and Jomla article Intro Image

0
Votes
Undo
  1. Oskar
    Oskar
  2. Sherlock Holmes
  3. General Discussion
  4. Sunday, 14 April 2013
  5.  Subscribe via email
I'm using T3 framework and "Blank" template (newest version) with joomla 2.5.X (newest version) and when I create article and choose to "activate" Intro Image option there is a too much blank space around image (between image and text on right side of intro image).
My question is how (where) could I change size of blank space around Intro Image in Joomla Article when using T3 framework and "Blank" template (default) ?
Attachments (1)
T3_intro_image_question.jpg T3_intro_image_question.jpg
Comment
There are no comments made yet.
Accepted Answer
Admin
Admin
Hole-in-One Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Oskar,

First, make sure you enable Developer Mode in backend.

Then look at this file \templates\t3_blank\less\joomla.less
article img[align=left],

.img_caption.left,

.pull-left.item-image {

  margin: 0 @gridGutterWidth @T3globalMargin 0;

}


The margin right is set to @gridGutterWidth which is 40px by default.
You can change it to any value you want.

Hope it helps.

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Responses (2)
Oskar
Oskar
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Here is code changes that works in my case:
Enable Development Mode - NO
Optimize CSS - NO

space between picture and text is 20px now

css/themes/my_theme/bootstrap.css

line 5282

.pull-left {
float: left;
margin: 0 20px 20px 0;
}

css/themes/my_theme/template.css

line 1551

.img-intro-none,
.img-intro-left,
.img-intro-right,
.img-fulltext-none,
.img-fulltext-left,
.img-fulltext-right,
.img_caption {
margin: 0;
max-width: 100%;
}

css/themes/my_theme/template.css

line 1532

article img[align=left],
.img_caption.left,
.pull-left.item-image {
margin: 0 20px 20px 0;
}
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
  • Page :
  • 1


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