How do I: Change background color

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Budweiser
    Member
    • Feb 2008
    • 36
    • 3.8.x

    How do I: Change background color

    Hello. I would like to change the background color in the forum description box for the entire site. Where do I need to go to edit the color?

    Thnx, Kevin

    (Circled in RED)
    Attached Files
  • eJM
    Senior Member
    • Sep 2004
    • 916
    • 3.8.x

    #2
    That is defined in your CSS as alt1. You can change the color of alt1, but it will change all the alt1s to that color. You can also edit the navbar template and change the class for the forumdesc section. That change can be in-line styling or you can create a new class that defines a different background color - maybe call that class alt3 (there are predefined alt1 and alt2 classes already). You create new CSS in one of the Additional CSS Definitions boxes near the bottom of All Style Options for your style. Then change the class in the template to the new class. The newly created CSS might look something like this:
    Code:
    .alt3 {background:#[I]nnnnnn[/I];color:#[I]nnnnnn[/I];}
    Change the first set of nnnnnn to the color you want your background in hex code and the second set of nnnnnn to the color you want your text. Then edit the navbar template and change the class declaration for that section from class="alt1" to class="alt3". If you have other areas you want the new class to be in effect, you can edit the appropriate template and change the class to the new one.

    R'gards,

    Jim
    If my post was helpful to you, please take the time to register at my forum and ask a question you've always wanted to know about floors.
    www.TheFloorPro.com

    Comment

    • Budweiser
      Member
      • Feb 2008
      • 36
      • 3.8.x

      #3
      Good stuff! Thank you. I was able to make the changes. Your description was very accurate. I appreciate your response. I changed the background color for the forum description and the notices box.

      I added ".alt3 {background:#F8F5A4;color:#222222;}" to the "Additional CSS Definitions".... and in the 'navbar' template I made these changes...

      $vbphrase[notices]
      </td>
      <td><img src="$stylevar[imgdir_misc]/_thead-top_rht.gif" alt="" /></td>
      </tr></table>
      <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
      <tr>
      <td class="alt3">
      $notices
      </td>
      </tr>
      </table>
      <br />
      </form>
      </if>

      <if condition="$show['forumdesc']">
      <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
      <tr>
      <td class="alt3" width="100%"><strong>$foruminfo[title]</strong> <span class="smallfont">$foruminfo[description]</span></td>
      </tr>
      </table>
      <br />
      </if>
      Attached Files
      Last edited by Budweiser; Fri 19 Jun '09, 6:21pm. Reason: typo

      Comment

      • eJM
        Senior Member
        • Sep 2004
        • 916
        • 3.8.x

        #4
        Good job. Looks real nice. I'm glad I could help.

        Jim
        If my post was helpful to you, please take the time to register at my forum and ask a question you've always wanted to know about floors.
        www.TheFloorPro.com

        Comment

        • tool2
          New Member
          • Aug 2009
          • 8

          #5
          Originally posted by eJM
          Good job. Looks real nice. I'm glad I could help.

          Jim
          where do i find the css file am confused

          am new

          Comment

          • Budweiser
            Member
            • Feb 2008
            • 36
            • 3.8.x

            #6
            Originally posted by tool2
            where do i find the css file am confused
            1- go to your "admin control panel"
            2- select "styles & templates" > "style manager"
            3- next to the style that you want to change, select "main css" the press the "go" button

            Comment

            widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
            Working...