WordPress.org

Ready to get started?Download WordPress

Forums

Catch Box
[resolved] Changing the Widget and header background color in catch box (14 posts)

  1. groovybowtie
    Member
    Posted 2 years ago #

    Hi,
    The website i'm working on can be found Here I'm trying to change the background color of the sidebar widgets (set to white by default) and also the header (also set the white) with no luck, any one knows how? Thanks

    http://wordpress.org/extend/themes/catch-box/

  2. Sanjiv
    Member
    Posted 2 years ago #

    Hi groovybowtie.

    To modify the background color for the header and widget.
    Go to Appearance menu. Then go to Theme Options submenu.
    In the custom css styles input box add the following css code.

    #branding {
       background-color : #D4D496;
    }
    .widget {
       background-color : #D4D496;
    }

    #D4D496 is the color code. Add the color code of your choice.

    Regards
    Sanjiv(Catch Themes)

  3. groovybowtie
    Member
    Posted 2 years ago #

    Thanks Sanjiv,
    I actually tried it and it didn't work. I also tried changing the color in the style.css file with no luck at all, any suggestions?

    #branding {
    background-color: #fff;
    padding-bottom: 10px;
    position: relative;
    z-index: 9999;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }

  4. Sanjiv
    Member
    Posted 2 years ago #

    Did you save the changes after putting the my above code. You should save the changes by clicking sav just below.

  5. groovybowtie
    Member
    Posted 2 years ago #

    Yes I did. Is there another way of doing it ? or am i doing anything wrong? i just pasted it custom css styles and saved it. refreshed the page nothing happened. It also doesn't seem to respond to changes on the style.css file for instance i tried to adjust the size of the header from auto to 200px and from 100 % to 960px ,clicked update file, it wouldn't do anything !!!

    #branding img {
    height: auto;
    margin-bottom: -7px;
    width: 100%;

  6. Sanjiv
    Member
    Posted 2 years ago #

    Are the custom css still showing in the custom css styles input box after you saved it. If not there might be some bug. There were some bug issue for custom css in the older versions, please update to the latest version 1.0.8. And try again it should work. I have just checked it in the version 1.0.8 and it is working fine. It should work in your website as well.

  7. groovybowtie
    Member
    Posted 2 years ago #

    You're right, they were not showing.I updated my theme and tried again.It worked. You're a champ, thanks heaps.

  8. Sanjiv
    Member
    Posted 2 years ago #

    You are welcome. Your website looks really awesome. I like it.

  9. groovybowtie
    Member
    Posted 2 years ago #

    Oh thanks man, i really like the catch theme. It is neat and clean...

  10. groovybowtie
    Member
    Posted 2 years ago #

    Hey Sanjiv,
    I just discovered the website is not optimized to mobiles, what can i do to fix that?

  11. Catch Themes
    Member
    Theme Author

    Posted 2 years ago #

    Hi groovybowtie,

    Can you tell us what do you mean by website is not optimized to mobiles. Let us know the details and your suggestions and we will consider it in future updates.

    Regards,
    Sakin

  12. deltaskelta
    Member
    Posted 2 years ago #

    Hi sakin, is there a way to change the background image of the header without doing it in the backend.

    In the backend I only got it to add a thumbnail instead of having an entire image in the header which would look much better.

    I tried laying in the css code:

    background-image: url(urlhere);

    but that did not work. Is there anything else that can be done?

  13. Sanjiv
    Member
    Posted 2 years ago #

    Hi deltaskelta.

    If you want to add header background image.

    Go to APPEARANCE>THEME OPTIONS> Custom CSS Styles.
    In this input box add the following code.

    #branding  {
        background-image: url("valid_image_path");
    }

    And save the changes. Please use latest version of catch box if you are using older versions.
    The image you are adding from the backend is the header logo, which you can disable if you wish.

    Hope this helps.

    Regards,
    Sanjiv(Catch Themes)

  14. optimuscreative
    Member
    Posted 2 years ago #

    Hi I have used some of the above changes to the css custom editor. They are great but I now need to change the font colour used on the widget areas as it is no longer very visible. can you please advise.
    I also want to reduce the padding around the header image logo. SOrry for so many questions first time of using wordpress and a little adventure :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags