-
AuthorPosts
-
March 27, 2011 at 4:07 pm #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.
chavan Friendchavan
- Join date:
- October 2014
- Posts:
- 4612
- Downloads:
- 0
- Uploads:
- 110
- Thanked:
- 1440 times in 1290 posts
March 28, 2011 at 6:11 am #383570Your 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 Friendkhoand
- Join date:
- February 2011
- Posts:
- 4500
- Downloads:
- 0
- Uploads:
- 179
- Thanks:
- 169
- Thanked:
- 1166 times in 1060 posts
March 28, 2011 at 8:36 am #383606Hi,
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
}
March 28, 2011 at 2:35 pm #383666Thanks, 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 FriendSherlock
- Join date:
- September 2014
- Posts:
- 11453
- Downloads:
- 0
- Uploads:
- 88
- Thanks:
- 221
- Thanked:
- 2478 times in 2162 posts
March 29, 2011 at 4:10 am #383731Dear 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 totable.contentpaneopen, table.contentpane, table.blog {
line-height: 1.5px;
width: 100%;
}I think that would help !
khoand Friendkhoand
- Join date:
- February 2011
- Posts:
- 4500
- Downloads:
- 0
- Uploads:
- 179
- Thanks:
- 169
- Thanked:
- 1166 times in 1060 posts
March 29, 2011 at 7:57 am #383754Sorry, I’m wrong.
You try again:
line-height:1;
March 29, 2011 at 2:37 pm #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 totable.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 FriendSherlock
- Join date:
- September 2014
- Posts:
- 11453
- Downloads:
- 0
- Uploads:
- 88
- Thanks:
- 221
- Thanked:
- 2478 times in 2162 posts
March 30, 2011 at 2:35 am #383923Dear 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 Friendkhoand
- Join date:
- February 2011
- Posts:
- 4500
- Downloads:
- 0
- Uploads:
- 179
- Thanks:
- 169
- Thanked:
- 1166 times in 1060 posts
March 30, 2011 at 8:13 am #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.cssMay 4, 2011 at 11:24 pm #389866I 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.
khoand Friendkhoand
- Join date:
- February 2011
- Posts:
- 4500
- Downloads:
- 0
- Uploads:
- 179
- Thanks:
- 169
- Thanked:
- 1166 times in 1060 posts
May 5, 2011 at 4:06 am #389893You 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?May 5, 2011 at 5:17 pm #390007Thank 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,
-
khoand Friend
khoand
- Join date:
- February 2011
- Posts:
- 4500
- Downloads:
- 0
- Uploads:
- 179
- Thanks:
- 169
- Thanked:
- 1166 times in 1060 posts
May 6, 2011 at 8:18 pm #390168It seems that you fixed it.
May 6, 2011 at 9:34 pm #390184Perhaps 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 ModeratorPhill
- Join date:
- February 2014
- Posts:
- 7013
- Downloads:
- 40
- Uploads:
- 77
- Thanks:
- 917
- Thanked:
- 2206 times in 1818 posts
May 6, 2011 at 9:58 pm #390192Sure, 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
-
AuthorPosts
This topic contains 17 replies, has 5 voices, and was last updated by dmason 13 years, 7 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Jump to forum