Welcome to Geeklog, Anonymous Friday, March 29 2024 @ 10:44 am EDT

Geeklog Forums

Help with Forum Color changes


Status: offline

ltcolumbo

Forum User
Regular Poster
Registered: 12/17/01
Posts: 91
Hey, I searched the forums and couldn't find anything new dealing with new code to put in style.css to modify the header bar color and other areas for 2.6. Can someone show me an example so I can add it to my style.css? That would be awesome thanks.
 Quote

Status: offline

Blaine

Forum User
Moderator
Registered: 07/16/02
Posts: 1232
Location:Canada
The forum is using the plugin related CSS declarations like:

plugin
pluginTitle
pluginHeader
pluginRow1
pluginRow
etc

Best to look at the templates to see the CSS styles.
Geeklog components by PortalParts -- www.portalparts.com
 Quote

Status: offline

ltcolumbo

Forum User
Regular Poster
Registered: 12/17/01
Posts: 91
Quote by: Blaine

The forum is using the plugin related CSS declarations like:

plugin
pluginTitle
pluginHeader
pluginRow1
pluginRow
etc

Best to look at the templates to see the CSS styles.



Thanks, but I couldn't find any CSS example template(s) anywhere... which is why I've been searching the forums. Just a small bit I added to style.css from the instructions I read.
 Quote

ironmax

Anonymous
Quote by: ltcolumbo

Quote by: Blaine

The forum is using the plugin related CSS declarations like: plugin pluginTitle pluginHeader pluginRow1 pluginRow etc Best to look at the templates to see the CSS styles.

Thanks, but I couldn't find any CSS example template(s) anywhere... which is why I've been searching the forums. Just a small bit I added to style.css from the instructions I read.

What you can do is download some of the other themes that are already coded to get an example. Look at the demo site and then download the themes that you see the changes in and then look at the CSS file to compare them to your current theme. You can also download a color picker that would help in picking the right hex color to help make that transition.

Michael

 Quote

Status: offline

ltcolumbo

Forum User
Regular Poster
Registered: 12/17/01
Posts: 91

What you can do is download some of the other themes that are already coded to get an example. Look at the demo site and then download the themes that you see the changes in and then look at the CSS file to compare them to your current theme. You can also download a color picker that would help in picking the right hex color to help make that transition. Michael

Thanks Michael... are those themes in the link configured with Forum CSS tags in style.css? I'll try to download one and see if it is.
 Quote

ironmax

Anonymous
Quote by: ltcolumbo


Thanks Michael... are those themes in the link configured with Forum CSS tags in style.css? I'll try to download one and see if it is.[/p]


The themes that have customized forums in them do have the changes within the CSS in the archives

Michael
 Quote

Status: offline

ltcolumbo

Forum User
Regular Poster
Registered: 12/17/01
Posts: 91
Quote by: ironmax



The themes that have customized forums in them do have the changes within the CSS in the archives

Michael



Is there an easy way to tell which ones have customized forums?
 Quote

Status: offline

mevans

Forum User
Full Member
Registered: 02/08/04
Posts: 393
Location:Texas
Hey, I searched the forums and couldn't find anything new dealing with new code to put in style.css to modify the header bar color and other areas for 2.6. Can someone show me an example so I can add it to my style.css? That would be awesome thanks.


It sounds like you want to change the color of a few things in Forum 2.6. All the styles are defined in the styles.css file in your theme directory (/layout/radangel-new/style.css in your case).

Edit that file, you will find about half way down (give or take) definitions for the plugins:

Text Formatted Code

/* Default Plugin CSS Declarations */
/* Recommended CSS to be used by Plugin Authors - allows easier site themeing */

.plugin {
  color:#000000;
  background-color:#EFEFEF;
  font-weight:normal;
  border:1px solid #CCCCCC;
}
.plugin th {
  color:#000000;
  background-color:#B7C1DC;
  padding:5px;
  text-align:left;
}
.plugin tr {
  vertical-align:top;
}
.plugin td {
  padding:2px 5px 2px 5px;
}
.pluginBG {
  color:#FEFEFE;
  background-color:#7398BA;
}
 


These styles are what controls the forum's look and feel (colors). So, if you want to change the blue title bar with topics, posts and Last Post on it, you would change this style:

Text Formatted Code

.pluginCellTitle (line 706)
{
  color: #ffffff;
  font-weight: bold;
  background-color: #7398ba;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
 


Notice the background-color: setting, that is what you want to change.

You can look through the template files located in layout/layout/radangel-new/forum/ to see what other styles are used. Blaine referenced the list in an earlier post, so if you'll modify those in your style.css you should be in business.

Good Luck,
Mark
 Quote

Status: offline

ltcolumbo

Forum User
Regular Poster
Registered: 12/17/01
Posts: 91
Quote by: mevans


Notice the background-color: setting, that is what you want to change.

You can look through the template files located in layout/layout/radangel-new/forum/ to see what other styles are used. Blaine referenced the list in an earlier post, so if you'll modify those in your style.css you should be in business.

Good Luck,
Mark



Wow, thanks a lot... that's exactly what I wanted.
 Quote

All times are EDT. The time is now 10:44 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