Joomla Templates Club 406,261 posts

[djtaylor Friend djtaylorJoin date: August 2011Posts: 146Downloads:0Uploads:35 Thanks: 26 Thanked: 2 times in 1 posts]

#170254

Hi I think it’s a layout / margin / template problem because there are large spaces between images and texts.
i was told it maybe to do with the template.css, but i do not know how to correct it am afraid of messing up the template
can anyone tell me what needs changing please

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#422658

What link/page is depicted in your example?

[djtaylor Friend djtaylorJoin date: August 2011Posts: 146Downloads:0Uploads:35 Thanks: 26 Thanked: 2 times in 1 posts]

#422730

http://thatmixtape.com/index.php/component/muscol/U/6-urban-noize/4-brooklyn-chicago-london

<em>@TomC 280078 wrote:</em><blockquote>What link/page is depicted in your example?</blockquote>

[djtaylor Friend djtaylorJoin date: August 2011Posts: 146Downloads:0Uploads:35 Thanks: 26 Thanked: 2 times in 1 posts]

#422772

anyone know how to do this been waiting for a reply for a while?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#422862

<em>@djtaylor 280218 wrote:</em><blockquote>anyone know how to do this been waiting for a reply for a while?</blockquote>

Apologize for the delay . . .

Okay, for the area for the two headings, it appears that the CSS controlling this element/area can be found within the following path:

plugins/system/jat3/jat3/base-themes/default/css/template.css

at line 37, you will see …


/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.columnol, .columnul, .columndl { margin: 15px0; padding: 0; }


The culprit appears to be the margin setting – so my recommendation would be to experiment with different variables (including, perhaps, a negative value for “margin-top” (i.e. -10px))

As an added bit of advice, I would recommend utilizing a tool such as FIREBUG to assist you in identifying various web layout elements as you continue to develop your site. This is the kind of tool many of the Support Team use.

SEE HERE for INFO –> http://www.joomlart.com/forums/topic/using-firebug-to-customize-your-site/

1 user says Thank You to TomC for this useful post

1. djtaylor

[djtaylor Friend djtaylorJoin date: August 2011Posts: 146Downloads:0Uploads:35 Thanks: 26 Thanked: 2 times in 1 posts]

#422902

Hi thanks for your great help Tom, the best i can have is margin 0px as any more the text goes over its self but thats way better than before
thanks so much for your time and for the firebug info and link also 🙂

<em>@TomC 280341 wrote:</em><blockquote>Apologize for the delay . . .

Okay, for the area for the two headings, it appears that the CSS controlling this element/area can be found within the following path:

plugins/system/jat3/jat3/base-themes/default/css/template.css

at line 37, you will see …


/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.columnol, .columnul, .columndl { margin: 15px0; padding: 0; }


The culprit appears to be the margin setting – so my recommendation would be to experiment with different variables (including, perhaps, a negative value for “margin-top” (i.e. -10px))

As an added bit of advice, I would recommend utilizing a tool such as FIREBUG to assist you in identifying various web layout elements as you continue to develop your site. This is the kind of tool many of the Support Team use.

SEE HERE for INFO –> http://www.joomlart.com/forums/topic/using-firebug-to-customize-your-site/</blockquote>

[Author]

Posts