WordPress.org

Ready to get started?Download WordPress

Forums

Using Calotropis and want to change background color (12 posts)

  1. OzManic
    Member
    Posted 2 years ago #

    How do I change the entire background to #000044 midnight blue?

    I was able to change part of the frame but not the boxes inside the frame. They're still black.

    Site: http://www.DragonCookies.com

    I think I have to go into the CSS somewhere but I haven't been able to figure it out.

    Thanks for any and all help.

  2. ChristiNi
    Member
    Posted 2 years ago #

    Hi OzManic,

    Make sure you have created a Child Theme before you make changes to the theme. On line 28 of your style sheet (style.css) look for the following:

    #contentwrap {
    background-color: #060603;
    border: 1px solid #333333;
    }

    Adjust the hex code for background-color as you like.

    I inspected your site's CSS with the Firebug add-on in Firefox to pinpoint that CSS code for your site.

    Hope this helps!

  3. OzManic
    Member
    Posted 2 years ago #

    ChristiNi, this is so brilliant! Thank you.

    Question: what if I don't create a child theme?

    Also, last night I noticed that the theme has a "Custom CSS" box that I loaded some code into and it worked. Someone couldn't get his widget section colored properly and I used the code that was successful for him.

    This is what I loaded:

    .sidebar .widgetwrap {background-color: #1b1387;}
    .sidebar .widget {background-color: #1b387;}

    Might I be able to load your code straight in?

  4. ChristiNi
    Member
    Posted 2 years ago #

    Hi OzManic,

    You're welcome. I'm happy to help!

    If you're theme allows you to insert custom code, then you should be good to go without the Child Theme. Just don't make changes to the style.css file itself (those changes could be overwritten when your theme is updated in the future).

    You should be able to just add that rule to the Custom CSS box (of course adjust the hex color codes). The code I showed you above is what your style sheet currently has.

    Thanks!

  5. OzManic
    Member
    Posted 2 years ago #

    I tried this and the content areas are still black.

    .sidebar .widgetwrap {background-color: #1b1387;}
    .sidebar .widget {background-color: #1b387;}
    .contentwrap {background-color: #060603;border: 1px solid #333333;}

    What should I adjust?

  6. esmi
    Forum Moderator
    Posted 2 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

  7. ChristiNi
    Member
    Posted 2 years ago #

    Hi OzManic,

    Try changing that last line to start with #contentwrap instead of .contentwrap (that's how you select an ID instead of a class in CSS).

    Hope this helps!

  8. OzManic
    Member
    Posted 2 years ago #

    1. I did install Firebug and am poking around to make sense of it.

    2. I did change the code to:
    #contentwrap instead of .contentwrap

    Interesting. More of the background is blue, and there are still black sections.

  9. OzManic
    Member
    Posted 2 years ago #

    This is cool.

    I used Firebug to change the rest of the areas blue. However, the changes only took on the home page.

  10. ChristiNi
    Member
    Posted 2 years ago #

    I'm glad you're making progress thanks to Firebug. Isn't it a great tool? Keep looking at your pages, it sounds like your other pages may have different CSS rules or selectors that you can find with Firebug.

    Regards,

  11. OzManic
    Member
    Posted 2 years ago #

    ChristiNi and esmi THANK YOU both so much!

    I'm already adjusting some things that have been bugging me for a while now, e.g., the font size and color in some areas.

    Can't thank you enough!

  12. nnagarajan7
    Member
    Posted 2 years ago #

    I am using Calotrpis 1.5.2. When I choose three or four column excerpt for Front Page the last column is incomplete, I mean there is a gap of one / two posts in the last column. There is no gap when I choose five column. I think this is something to do with the no. of excerpts appearing in the Frontpage which by default is 10. Can this be changed to remove the blank spaces if I choose three or four cloumn excerpts.

    I love this theme for its various features and look. However, the theme's forum is not working. Is this theme presently alive and kicking?

Topic Closed

This topic has been closed to new replies.

About this Topic