Joomla Templates Club 406,261 posts

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#162009

Can anyone help me with changing the spacing between the text lines in my article? http://www.advocisvancouverisland.ca/about/directors

Using Firebug, I can see that it is currently set to 1.6. Changing the spacing to 1 achieves what I want, however, I have two problems:

1). I don’t know which file needs to be altered (where is this change made).
2). When I change the line height to 1 using Firebug, my JEvents module positions is also changed (which I don’t like).

Is there any way to change the article line height to 1, but not have it also change the module position line height?

12073

Thanks in advance.

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#383570

Your Live url is fine as you asked for. check the right column. http://www.advocisvancouverisland.ca/about/directors

do you have any browser compatability issue?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#383606

Hi,
You just add a line in http://www.advocisvancouverisland.ca/templates/ja_edenite/css/template.css file


table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
height-line:1;<--add this line
}


[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#383666

Thanks, but if I change the code as you suggest from 1.6 to 1, it will also change the line height of the right hand module. Any ideas how I can change the line height in the article, but not in the right hand module?

Thanks.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#383731

Dear dmason,

Open the file of templates/ja_edenite/css/template.css,Look for this css at about line 382
table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}
And change it to

table.contentpaneopen, table.contentpane, table.blog {
line-height: 1.5px;
width: 100%;
}

I think that would help !

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#383754

Sorry, I’m wrong.
You try again:

line-height:1;

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#383834

<em>@dathq 230783 wrote:</em><blockquote>Dear dmason,

Open the file of templates/ja_edenite/css/template.css,Look for this css at about line 382
table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}
And change it to

table.contentpaneopen, table.contentpane, table.blog {
line-height: 1.5px;
width: 100%;
}

I think that would help !</blockquote>

Thanks, I tried making these changes with no luck. It caused some pretty funny glitches to my site.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#383923

Dear dmason,

I tried via the firebug and I see it can be helped, can you attach an image to show me what you see after making that change or you can provide me your Admin and FTP Account in the ticket of IWO-586-22775 for checking.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#383967

<em>@khoand 230813 wrote:</em><blockquote>Sorry, I’m wrong.
You try again:

line-height:1;
</blockquote>

Please try again. I viewed your website and I don’t see your change in template.css.Please keep your changes.
Note: delete all of files and folders from <joomla url>cache after changing template.css

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#389866

I am still trying to fix this issue. I have not made any changes yet. Here is a picture of the current line heigh issue. All of the text seems to be 1.6 line height. I would like it to be single line spacing.

Using Firebug, I can alter the line height to 1.0, but is has an undesired effect on the line spacing in my Events module on the right hand side.

Can anyone offer a solution that will only change the line height in this article? The way it currently looks really bugs me!

Thanks.

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#389893

You try again:
– Replace this code from http://www.advocisvancouverisland.ca/templates/ja_edenite/css/template.css file (begin line 226)


table.contentpaneopen {
border-collapse: collapse;
border-spacing: 0;
}
with

table.contentpaneopen {
border-collapse: collapse;
border-spacing: 0;
line-height: 1 !important; <-- add this line
}
– clear cache after do it
– If it don’t work, could you give me username+password of ftp?

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#390007

Thank you very much for the quick reply. This change seems to really help without affecting the right hand event module. However, most of my other articles are now really squished and don’t look very good. I don’t understand why some articles (such as the one on the home page) appears fine, while other articles are affected.

Thanks,

---

Attachments:

1. 
2. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#390168

It seems that you fixed it.

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#390184

Perhaps you need to clear your cache. Now that I have made the change, the line spacing on all of my other articles are too tight. Is there any way I can specify the line height (single or double) in the WYSIWYG editor?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#390192

Sure, all the above is over-complicating what you are trying. Restore all your code then simply add some in your article with the html editor.

For instance, if you wanted a line height od 1 then put the style in your p tags as per below.

<p style="line-height: 1;">

You can do the same with a div etc, just wrap your content in a div.

<div style="line-height: 3;">********Your Content********</div>

Hope that helps.

1 user says Thank You to Phill for this useful post

1. dmason

[Author]

Posts