Posted on: 12/10/10 11:31am
By: Aloys
Hi,
I'm a webmaster of an existing Geeklog website, but now installing a new Geeklog myself.
Hopefully this will be a simple question
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?
Re: Changing the Professional css
Posted on: 12/10/10 11:42am
By: ivy
Re: Changing the Professional css
Posted on: 12/11/10 02:36am
By: Aloys
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:
Re: Changing the Professional css
Posted on: 12/11/10 02:52am
By: ivy
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[*3]
Re: Changing the Professional css
Posted on: 12/11/10 03:41am
By: Aloys
Ivy, to view custom.css I need a password?
Re: Changing the Professional css
Posted on: 12/11/10 03:48am
By: ivy
Sorry, I missed.
I uploaded agein without password.
Please try again.
Re: Changing the Professional css
Posted on: 12/11/10 09:18am
By: kobab
Re: Changing the Professional css
Posted on: 12/11/10 12:03pm
By: Aloys
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[*5]
Re: Changing the Professional css
Posted on: 12/11/10 12:10pm
By: Dirk
Quote by: AloysNow 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
Re: Changing the Professional css
Posted on: 12/11/10 12:18pm
By: Aloys
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...
Re: Changing the Professional css
Posted on: 03/12/11 02:29pm
By: Anonymous (Lynne)
: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: