« previous next »
Pages: [1]

Author Topic: Site Location Type Face  (Read 10228 times)

Offline Pete

  • Jr. Member
  • **
  • Posts: 24
    • Fordingbridge Weather
Site Location Type Face
« on: December 16, 2012, 04:01:52 PM »
Hi Everyone,
I would be grateful for any assistance with a small problem I have on a couple of my web pages.

The type face of my site name (Fordingbridge Weather) in my images.htm page is slightly different from that of all my other pages.

Also, in my  infos.htm page the line spacing between my site name and the description below is different from the other pages.

My limited understanding is that the formatting is done by the styles.css file so I am not sure why these two pages should format differently from the others.

Thanks .... Pete
http://www.fordingbridgeweather.co.uk

Logged

Offline avoorpool

  • Sr. Member
  • ****
  • Posts: 372
    • http://pickeringweather.ca
Re: Site Location Type Face
« Reply #1 on: December 17, 2012, 10:31:18 AM »
Hi Pete,

I ran into the same problem some time ago when I started with WB v1.
From a trustful source I received the following email with information, and that solved the problem:

Quote:
Open the 'gallery.css' CSS template (in the 'slides/lib' sub-directory) and remove the 5 first lines at the top of the template:

> * {
>   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
> Verdana, Arial, sans-serif;
>   color: #333;
>   line-height: 140%;
> }
The asterisk ('*') should not be used in any CSS templates other than the main site-wide 'styles.css'. In CSS template - the asterisk ('*') implies the properties defined within the brackets ('{}') will be passed on throughout the page (and replaced whatever properties had already been defined).

For example, the 'styles.css' CSS template defined the default font-family property for the the complete page (anything included between the two '<body>'
tags) as being 'Arial, Helvetica, sans-serif', the default font-size as being
'10 points' and the default line-height as being '18 pixels'.

Then, comes in the 'gallery.css' CSS template and, with the asterisk ('*') (implies to change everything from now on) changes the default properties previously defined, the font-family property is now being changed to 'Lucida Grande, Lucida Sans Unicode, Lucida Sans, Verdana, Arial, sans-serif' and the default line-height is now being changed to '140%'.
Unquote

Hope this helps,

Cheers,

Arthur
Logged

Offline Pete

  • Jr. Member
  • **
  • Posts: 24
    • Fordingbridge Weather
Re: Site Location Type Face
« Reply #2 on: December 17, 2012, 03:46:08 PM »
Arthur, thanks for your prompt reply.
I have been working on the files on my local XAMPP server and  your advice fixed the type face problem on the images.htm page.
Unfortunately it didn't fix the line spacing problem on my infos.htm page but I am working on it.
It is only a small problem -  but a niggling one.
I will try and update my website in the next couple of days.

Thanks again  ........... Pete 
 
Logged

Offline Mr.Meteo

  • Administrator
  • Hero Member
  • *****
  • Posts: 1120
    • http://www.meteostours.ca
Re: Site Location Type Face
« Reply #3 on: December 17, 2012, 05:49:13 PM »
Hi Pete,

Yes, there is a slight difference in your titles... your eyes are pretty accurate! :o

In your images.htm pages, problem is effectively from slideshow layout
that is why font is different in that page.

To try to solve it, you could look in that page and find 2nd .css file.
You will find that style.css is 1st and changed by a 2nd .css file just below it!

Sorry, I'm far from home this week... and could not do big things in my android tablet!  :-\

Regards,
Jacques
Logged
Please, consider supporting this site 

Offline Pete

  • Jr. Member
  • **
  • Posts: 24
    • Fordingbridge Weather
Re: Site Location Type Face
« Reply #4 on: December 18, 2012, 06:15:01 AM »
Hi Jaques and Arthur,
I seem to have sorted out my infos.htm page.
I noticed that the  HTML Doc Type declaration was "transitional" where the other files were "strict". 
Changing to "strict" cured the line spacing problem.
I then noticed that there was no indent on the line " On the Boder of the New Forest ect.."
I have cured this problem by commenting out the script at the line 10 of infos.htm which is similar to the code in gallery.css mentioned in Arthur's reply.
<!-- <style type="text/css">
  p {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
    color: #333;
    line-height: 150%;
      padding-left:15px
  }
   td {
      line-height: 100%;
   }
   #template td {
    line-height: 150%;
   }
   h2{
      padding-left: 0px;
   }
   h3 {
      padding-bottom: 5px;
   }
   </style> -->

I can't see it has made any other changes to the page but are there any implications to doing this, before I upload it to the website? What does the script do?

Kind regards ...... Pete
Logged
Pages: [1]
« previous next »