Blog Documentation Book a Demo
Vanilla open source was terminated 1 January 2025 by Higher Logic. See this announcement for more information.

How to change backround color of these?

sannasanna
edited December 2011 in Vanilla 2.0 - 2.8

I need to change the background color of Conversation page to match my website color, second how can I change the text color on profile page under about, it is very gray I can not read it.. Where can I change login windows background which is white and the top bar is light blue. The last thing is I want to add my own footer of my website which has 5 links Home, Contact, About, Privacy and site map. I did play around with style.cc and I have changed some of the thing, but these I could not figure.

Sorry for my many questions at once. But I am sure these will be useful to other users as will who want to make these changes. Thanks in Advance.

Tagged:

Best Answers

  • 422422 MVP
    Answer ✓

    Post LINK to forum.
    Post screenshots, with pointers to what you want to change.

    Then we can help.

    There was an error rendering this rich post.

  • 422422 MVP
    edited December 2011 Answer ✓

    Upload image to your server or a 3rd party. Then click the img icon in a new post. Or wrap your image around the image tags. ( added spaces to allow it to be seen below )

    < img >< /img >

    There was an error rendering this rich post.

Answers

  • 422422 MVP
    Answer ✓

    Post LINK to forum.
    Post screenshots, with pointers to what you want to change.

    Then we can help.

    There was an error rendering this rich post.

  • sannasanna
    edited December 2011

    Ok thanks how to post the screenshots?
    http://www.afghanwebguide.com/forum/

  • 422422 MVP
    edited December 2011 Answer ✓

    Upload image to your server or a 3rd party. Then click the img icon in a new post. Or wrap your image around the image tags. ( added spaces to allow it to be seen below )

    < img >< /img >

    There was an error rendering this rich post.

  • sannasanna

    Hello agian I uploaded you can look at it. Here is the link
    http://www.afghanwebguide.com/forum/forum.html

  • 422422 MVP

    Thats a lot of changes. Ok easiest thing to do.

    Use Firefox.
    Download and deploy firebug

    Then goto those areas , one by one and right click them exactly where you want to do changes, and INSPECT element.

    Write down the values, or classes for these items.

    Then in your forum/themes/custom-theme/design/...
    create a file called custom.css

    Then depending on how brave you are... but option one i would do.

    Options:
    1. copy style.css and paste into custom.css ( location above ) save
    2. find exact css classes and attributes you need to change, and add them one by one and customise on custom.css ( location above )

    Save , and test and keep doing it until its how you want.

    ALWAYS work on your OWN theme not on MASTER theme !!!

    There was an error rendering this rich post.

  • sannasanna

    ok thanks I will give it try.

  • sannasanna

    Thanks for pointing me to the firebug I never used that one, it is very cool and it made my life easy. I have fixed all what I wanted, the only thing I gave up is changing the footer, that look like more work. I have to change it on each page I guise.

Sign In or Register to comment.