College 1.5 Theme Wrap Problem

College 1.5 Theme Wrap Problem

by Darren Smith -
Number of replies: 12
There seems to be a problem when text wraps on to a second line.

Advice?

See attached pic.
Attachment wrap.jpg
Average of ratings: -
In reply to Darren Smith

Re: College 1.5 Theme Wrap Problem

by Himmat Singh -
Darren, perhaps all you need to do is to give a paragraph's space below the title (<p>)....or a double <br>.
In reply to Himmat Singh

Re: College 1.5 Theme Wrap Problem

by Darren Smith -
Thanks for the reply.

It already contains p tags so I add a couple of br tahs also but all that did is move the picture down and not address the wrap issue!

This is the code from the editor:

<p><font size="6" color="#ff0000"><u>Greatest Footballers of All-time</u></font> </p><br /><br /><p><img width="145" hspace="0" height="144" border="0"

Is anyone able to recreate this?
In reply to Darren Smith

Re: College 1.5 Theme Wrap Problem

by Helen Foster -
Picture of Core developers Picture of Documentation writers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers Picture of Translators
Hi Darren,

Could you try amending the p tag to <p style="line-height: 20pt"> to see whether this helps?
In reply to Helen Foster

Re: College 1.5 Theme Wrap Problem

by Darren Smith -
Yes, that did it thanks cool

What do I have to do to make the changes global and automatic? Is it a theme thing somewhere of an editor problem?
In reply to Darren Smith

Re: College 1.5 Theme Wrap Problem

by Helen Foster -
Picture of Core developers Picture of Documentation writers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers Picture of Translators
Yes, it's a theme issue. You'd need to amend the font style sheet in your themes folder. You could search for line-height rules or check http://www.w3.org/TR/REC-CSS2/fonts.html#font-shorthand to see whether line-height is set using the font shorthand.
In reply to Helen Foster

Re: College 1.5 Theme Wrap Problem

by Himmat Singh -

appletHi Helen. There is perhaps a simpler solution to the line-height wrap issue. I've put this tip in the Troubleshooting Tips section in MoodleThemes.

When using our themes (MoodleThemes) you'll face a problem of line-height 'congestion' when you use big fonts in the Rich-text Editor. Text lines tend to wrap or 'stick' together. To correct this do the following:

1. In the theme's folder, look for and open the file styles_fonts.css.

2. Find this css entry - #course-view .section. You'll see something like this

#course-view .section {
font-size:0.95em;
line-height:1.2em;
}

3. Now change the line-height to normal, like this:

#course-view .section {
font-size:0.95em;
line-height:normal;
}

That's it. Now the text lines won't look congested. And you can safely use big fonts.

Note: Somehow the font-size entry here doesn't have any effect. So you could safely 'switch' it off, like this:

#course-view .section {
/*font-size:0.95em; */
line-height:normal;
}

By switching off font-size, the text in the topic and weekly format boxes should take on the default font-size we have given in most themes: 12px.

Use the comment tags shown, the star and the slash at both ends of a specific css entry, to switch off css entries...it's bad practise to remove entries, you could need them later!

In reply to Himmat Singh

Re: College 1.5 Theme Wrap Problem

by Darren Smith -
Close but no cigar as we say in England (see attached) big grin

Also, this theme just kills IE on our macs. I know I shouldn't be using IE on a mac (wink) but when the student logs on the browser just quits! I will look into this further and give more information (browser versions and the like) in a couple of weeks but changing the theme to anything else is fine so was just wondering if it was just me?
Attachment footy.jpg
In reply to Darren Smith

Re: College 1.5 Theme Wrap Problem

by Helen Foster -
Picture of Core developers Picture of Documentation writers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers Picture of Translators
Hi Darren,

Your problem may be caused by insufficient line height. thoughtful Could you state which theme you are using and also the markup used in the affected topic section.
In reply to Darren Smith

Re: College 1.5 Theme Wrap Problem

by Himmat Singh -
gomangoHi everyone. We've tried solving this problem using global css changes. No success yet. We'll keep trying and post a solution when we reach one. However there's a workaround...as I've seen other users use Big (sizes 5,6,7 fonts) as headings in Course Topic sections. They seem to use <p> spacing between all lines, <br> creates the same wrap problem....Which means that when you use big fonts for headings press Enter to break a line.
In reply to Himmat Singh

Re: College 1.5 Theme Wrap Problem

by Himmat Singh -

Look at pic below. The big heading sans wrap problem was achieved by giving a paragraph <p> space after each line..after Himmat and after is.

<p> space solution

In reply to Darren Smith

Re: College 1.5 Theme Wrap Problem

by Michele Mason -

I noticed that you didn't have the closing tag </p> after the image, that may be the problem but try this also, I've put in the closing </p> tag and put in the div tag;

<p div><font size="6" color="#ff0000"><u>Greatest Footballers of All-time</u></font> </div>
<br /><br /><p><img width="145" hspace="0" height="144" border="0"></p>

Cheers

Michele