8 {{ upvoteCount | shortNum }}
8 {{ upvoteCount | shortNum }}

Shortcode help

by brik2500
7 replies
I'm trying to change the background color and footer color
of this site... www.emunlimited.com

In the Custom CSS area of this theme...I put this
code

<body bgcolor="##FFCC99">

But nothing happened...

What am I missing here?
#shortcode
  • Profile picture of the author David V
    More then likely your the theme is already wrapping the style tags, so enter css like so:

    Code:
    body {
background-color: #ffcc99;
}
#footer_bg {
background: url(images/white_arrow.png) no-repeat 50% -4px #f2f2f2;
}
#footernav_bg {
background-color: #1c1c1c;
}
    Of course, change the colors to what you want.
    I put in 2 different footer bg's because your footer is split into 2 sections, top and bottom nav area.
    {{ DiscussionBoard.errors[8170447].message }}
  • Profile picture of the author brik2500
    UPDATE: I just added it to the footer portion of a side bar widget...and it changed just about the whole page a different color.

    What if I wanted to change the portion of the site that is black and gray???

    Thanks in advance!
    Signature
    CLICK HERE FOR A SNEAK PEEK AT AN AMAZING LIMITED CINEMATIC EXPERIENCE

    *****Password: Immersion2017*****
    {{ DiscussionBoard.errors[8170450].message }}
  • Profile picture of the author brik2500
    That last post was before you posted David...so it makes sense...

    There is a nav footer and a background footer...so change both of those in addition to the body.

    SHEESH....thanks for the help!

    BEST

    Brik
    Signature
    CLICK HERE FOR A SNEAK PEEK AT AN AMAZING LIMITED CINEMATIC EXPERIENCE

    *****Password: Immersion2017*****
    {{ DiscussionBoard.errors[8170466].message }}
  • Profile picture of the author David V
    You click the "post reply" about 2 seconds before I did
    {{ DiscussionBoard.errors[8170479].message }}
  • Profile picture of the author brik2500
    What are these two items controlling?

    (images/white_arrow.png)


    no-repeat 50% -4px
    Signature
    CLICK HERE FOR A SNEAK PEEK AT AN AMAZING LIMITED CINEMATIC EXPERIENCE

    *****Password: Immersion2017*****
    {{ DiscussionBoard.errors[8170485].message }}
    • Profile picture of the author David V
      Originally Posted by brik2500 View Post

      What are these two items controlling?

      (images/white_arrow.png)


      no-repeat 50% -4px
      That white arrow is at the top of the footer.
      You can remove it if you want.
      Code:
      #footer_bg {
background: #f2f2f2;
}
      {{ DiscussionBoard.errors[8170492].message }}
  • Profile picture of the author David V
    For future changes and reference:

    On your webpage, right click and "inspect element" or similar depending on what your browser is.
    You can view the source and narrow down what you need to change for css.
    If using something like firebug (in firefox) or the Chrome developer tools, you can actually make the changes in the browser to see what it looks like. Then copy the css change and put it in your theme css box, sorta like what I did to give you that css block.
    {{ DiscussionBoard.errors[8170488].message }}

Trending Topics