Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #88579
    Sanket
    Participant

    Hello
    I have installed Simple Catch Pro theme. Right now my header background is a grayish grainy color. I would like to add a background image to the header instead. How would I do that?

    My website URL is http://www.myblog.medtreatserve.com

    #88620
    Mahesh
    Keymaster

    @sanket: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

    header#branding {
        background-image: url("http://www.myblog.medtreatserve.com/wp-content/uploads/2016/03/linkedinbg4.jpg");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    Note: The image you are using for the background seems quite small, I recommend you to use a large (not too large either) one instead.

    Let me know if any problem.

    Regards,
    Mahesh

    #88659
    Sanket
    Participant

    @Mahesh
    Thanks. I was able to change the background image.

    But i am stuck on other things now. Please help me with…

    1. How to change the text color below the Featured Post Slider.

    2. How to change the hover color of Header Text? Presently Active color is White but changes to Black on hovering. How to change it?

    3. I want to customize the footer to my name where it says Powered by WordPress | Theme Simple Catch Pro.

    I thank you in anticipation of your response.

    Cheers!

    #88750
    Mahesh
    Keymaster

    @sanket:
    1. Change the text color below the Featured Post Slider:
    Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

    #main-slider .featured-text {
        color: #ffffff;
    }

    2. Change the hover color of Header Text:
    Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

    #site-title a:hover {
        color: #ffffff;
    }

    3. Want to customize the footer to my name where it says Powered by WordPress | Theme Simple Catch Pro:
    Go to Dashboard=> Appearance=> Customize=> Theme Options=> Footer Options and in Footer Editor options, replace the following text there:
    Powered by: [wp-link] | Theme: [theme-link] with
    your name

    Let me know if any problem.

    Regards,
    Mahesh

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Add a background image to header’ is closed to new replies.