Welcome to Geeklog, Anonymous Thursday, March 28 2024 @ 09:55 am EDT

Geeklog Forums

Changing the Professional css


Status: offline

Aloys

Forum User
Newbie
Registered: 12/10/10
Posts: 5
Hi,

I'm a webmaster of an existing Geeklog website, but now installing a new Geeklog myself.
Hopefully this will be a simple question Big Grin

I want to change the max width of te Professional theme to 980px. I did so in the stylesheet
and it seems to work fine:
Text Formatted Code
}
body {
  width:980px;
  background:#FFFFFF;
  color:#000000;
  font:0.8em arial,verdana,tahoma,helvetica,sans-serif;
  padding:0px;
  margin:0px auto;
  border:1px solid #E7E7E7;
  padding-left:1px;
  padding-right:1px;
}
 


Next I want the background-colour to be blue, #006699. I tried several things, like:

Text Formatted Code

/* SEMANTICS ******************************************************************/

a {
  background-colour:#006699;
}
 

But now the body of the website turns blue as well... :shock:

Anyone who can help me out on this one?
 Quote

Status: offline

ivy

Forum User
Full Member
Registered: 11/25/04
Posts: 314
Location:Tokyo Japan
background-colour -> background-color ?

http://www.geeklog.jp/
theme: ProfessionalCSS_en (new layout ProfessionalCSS 960px wide)

download:
http://www.ivywe.co.jp/downloads/index.php/file_ProfessionalCSS_en

Geeklog Japan https://www.geeklog.jp
 Quote

Status: offline

Aloys

Forum User
Newbie
Registered: 12/10/10
Posts: 5
Thank you Ivy, but I was not looking for another theme, I just want the background
to turn blue (and it did!) without the body (storyblock/articleblock?) to turn blue as
well.
Must be simple, I think? :pray:
 Quote

Status: offline

ivy

Forum User
Full Member
Registered: 11/25/04
Posts: 314
Location:Tokyo Japan
http://www.geeklog.jp/downloads/index.php?cid=15
All of these theme is based on ProfessionalCSS.

So you can make new theme by adding custom.css and images/custom/* and header, footer, functions.php to ProfessionalCSS_en.

If you want to change theme, please change only custom.css.

http://wiki.geeklog.jp/images/Template01a.png
Geeklog Japan https://www.geeklog.jp
 Quote

Status: offline

Aloys

Forum User
Newbie
Registered: 12/10/10
Posts: 5
Ivy, to view custom.css I need a password?
 Quote

Status: offline

ivy

Forum User
Full Member
Registered: 11/25/04
Posts: 314
Location:Tokyo Japan
Sorry, I missed.
I uploaded agein without password.
Please try again.
Geeklog Japan https://www.geeklog.jp
 Quote

Status: offline

kobab

Forum User
Regular Poster
Registered: 02/22/10
Posts: 73
http://geeklog.crimsonj.net/downloads/visit.php/45

aloys,
The above is several color variation of custum.css files for theme professionalCSS.
Hope you check the difference with the original custom.css and find how to customize in your needs.
 Quote

Status: offline

Aloys

Forum User
Newbie
Registered: 12/10/10
Posts: 5
Thanks both of you, for your help! :shakehands:

I have FTP-copied the entire map Professional_CSS in the Layout-map, where als the map
Professional resides.

After starting Geeklog and logging on, I have changed the configuration/theme to Professional_CSS.
I have also copied the color variations of custom.css files to the map Professional_CSS.

Then I renamed the file custom.css to custom.css-bu (backup) and I've copied the file custom.css_red
to custom.css.

Now I expected some changes, and some red... Bu I don't see any difference compared to the original
Professional-theme! :shock:

(I've checked configuration/theme and it reads "Professional_CSS", so it is installed!)
My test-installation can be found on www.vakkenhulp.nl
 Quote

Status: offline

Dirk

Site Admin
Admin
Registered: 01/12/02
Posts: 13073
Location:Stuttgart, Germany
Quote by: Aloys

Now I expected some changes, and some red... Bu I don't see any difference compared to the original
Professional-theme! :shock:


Looks red to me ...

Stylesheets are often cached - try a forced reload in your browser.

You can also attach a version number to the URL for your stylesheet and increase it every time you make a change - this ensures that the browser notices the changes. For example, here on geeklog.net (view the HTML source of the site), we're up to style.css?v=18

bye, Dirk
 Quote

Status: offline

Aloys

Forum User
Newbie
Registered: 12/10/10
Posts: 5
Yes, thanks Dirk!
I still can't get Firefox to do a complete reload, but Chrome and Explorer show a red Geeklog!

Experimenting goes on... Big Grin
 Quote

Lynne

Anonymous
:shock:

I've been boinking around with this issue "my BBCode bold" doesn't work for two days. After reading this post, I went back to my test message and typed in the lines:

this is bold
this is bold

Then I highlighted the 2nd "this is bold" and used the bbcode Bold button to get the bold tags around it. Hit the preview, and behold, then I could see the bold effect. It was way too subtle in that Lucida font.

I'm using a modified "Contemporary" template, so I went in to edit my "root/layout/Contemporary/style.css" and changed all references from the default "Lucida Grande" font to "trebuchet ms" and voila. The difference with the bold is dramatic, and the font is close enough that it doesn't alter spacing too dramatically. It's a heavier font, too, so a little easier on the eyes.

This is the kind of thing that drives handicap accessible aware webmaster bonkers. :blahblah:
 Quote

All times are EDT. The time is now 09:55 am.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content