SOLVED Question about line spacing in body.
-
-
- William E Dooley
- Elite Rocketeer
- Posts: 740
- Thanks: 1
- Web Developer
-
I am having a problem with my spacing in my content. When I create a new content item, the space between the lines of text look how I Want. However, once I save and see it on the live sight, the lines of text are right on top of each other. IT's really annoying!LOL Is this something caused by the css of the template or something? Any advice anyone can offer will be greatly appreciated:)
Thanks,
David Henderson
Also on a side note: For some reason, whenever I make text in my content into a link..it changes the color of the text to #fff. That's a big problem since my background is #fff. All of a sudden whenever I make a text link in my content, the text dissappears. You can click on it if you put the cursur on it, and you can see it if you highlight it..but normally it's blank. For now, I have solved the problem by changing the color via the css button in the eidtor whenever I make text into a link, but it would be nice to not have to do that everytime..because the css option in the editor seems to be a bit finiky for me and it sometimes take 3 or 4 applications of it to get it to stick:( So any advice on what to change in the template css to stop links from being #fff would also be greatly appreciated:) - Last Edit: 18 years 2 months ago by Yves.
-
-
-
- damo
- Elite Rocketeer
- Posts: 2142
- Thanks: 0
- what template are you referring to and is the site live so we can have a look ...
- www.c3p0.se - sweden
-
-
-
- William E Dooley
- Elite Rocketeer
- Posts: 740
- Thanks: 1
- Web Developer
-
Well..I think I have noticed it on multiple templates..just now thought to post about it because it's more of a problem on the site I am working on right now. The template for the site I am working on now is an elixir 2.0 base that I customized a lot to look more like the old page of the site I am creating.
IT's most noticable in the learning center. There's a link to it from the top horizontal tab menu.
Any advice is happily accepted:)
Thanks,
David Henderson - Last Edit: 18 years 2 months ago by William E Dooley.
-
-
-
- damo
- Elite Rocketeer
- Posts: 2142
- Thanks: 0
-
its certainly customised a lot ...
are you using the list style that came with the template? - www.c3p0.se - sweden
-
-
-
- William E Dooley
- Elite Rocketeer
- Posts: 740
- Thanks: 1
- Web Developer
-
List style? Not sure..most likely though. I only changed the look of the template, not the functionality. IF it would help for me to paste a file here, let me know which one I would need to put here and I'd be happy to:)
HEre is a screen shot of how it looks in the editor. Notice the spacing between each line, and also the space that I had to put between FREE and SHIPPING down on the botton picture. I had to put that much space between them to get the space that it has on the live site. When it was set how it should be, they were almost overlapping each other. - Last Edit: 18 years 2 months ago by William E Dooley.
-
-
-
- Matthew
- Hero Rocketeer
- Posts: 299
- Thanks: 0
-
It's a style sheet problem.
/* @group Family */ body { line-height: 125%; font-family: Arial, Helvetica, sans-serif; color: #666; }
This is a snippet from your current main stylesheet. The line-height there is what is controlling your text's line height. If most of the site is the way you want it to be, consider doing a style override for the offending text, or creating a new style element to get the results you want.
Also, as a side note, you might want to consider trying different wysiwyg editors out. . . they are not all created equal, especially when it comes to showing you what your output is actually going to look like vis-a-vis your site's style sheets. - www.gofftech.com Web Design
-
-
-
- William E Dooley
- Elite Rocketeer
- Posts: 740
- Thanks: 1
- Web Developer
-
I have tried the tiny one that comes with joomla, and jce, both had the same outcome. Also, it's the same across my entire site. Anything that I put in my editor, comes out with less space on the live site. So if there is somewhere to fix it all at once, IO'd happily do that:)
David Henderson
-
-
-
- Matthew
- Hero Rocketeer
- Posts: 299
- Thanks: 0
-
William E Dooley wrote:
I have tried the tiny one that comes with joomla, and jce, both had the same outcome. Also, it's the same across my entire site. Anything that I put in my editor, comes out with less space on the live site. So if there is somewhere to fix it all at once, IO'd happily do that:)
David Henderson
Well, then, edit that css to a line-height of 150-175% or so, and you will probably be much happier.
If you are using Firefox, download the developers toolbar, you can change the values live, and see what they do. That's what I did, btw, to verify which style element was actually in control of the line spacing. - www.gofftech.com Web Design
-
-
-
- William E Dooley
- Elite Rocketeer
- Posts: 740
- Thanks: 1
- Web Developer
-
OK, I have that addon. I was thinking that maybe it needed to be made an EM value instead of a percent or px, but will try just increasing the percent. I was thinking using EM would give the desired effect since it changes size based on the size of the font. Hmm actually though, I use firebug for editing css..will try the webdev tool.
Question for you all though. If it was like this in the template_css, then why is no one else having the problem? - Last Edit: 18 years 2 months ago by William E Dooley.
-
-
-
- Matthew
- Hero Rocketeer
- Posts: 299
- Thanks: 0
-
William E Dooley wrote:
OK, I have that addon. I was thinking that maybe it needed to be made an EM value instead of a percent or px, but will try just increasing the percent. I was thinking using EM would give the desired effect since it changes size based on the size of the font. Hmm actually though, I use firebug for editing css..will try the webdev tool.
Well, don't pay too much attention to what I say the value should be, just play with that value until the site looks the way you want it to.
- www.gofftech.com Web Design
-
Time to create page: 0.070 seconds