styling the courspress pro theme

How, I loved the minimalistic look of coursepress pro theme and it rocks! But how can I place a header background on the menu part and a full body background on? Screenshot;

  • Tyler Postle
    • CGO

    Hey again Barni,

    Was I not just saying how often we've been running into eachother in your last post? Here we are again :p

    You should be able to add background-images with CSS for those areas like this:

    /* header background-image */
    
    .site-header {
    background-image: url("http://headerimageurl.com");
    }
    
    /* Body background */
    
    body {
    background-image: url("http://bodyimageurl.com");
    }

    The body background will include the header area unless you define an image/color for the header area too :slight_smile:

    Hope this helps Barni! If you don't have a custom CSS stylesheet yet then you will want to use this plugin here: https://wordpress.org/plugins/simple-custom-css/

    All the best,
    Tyler

  • Barni
    • The Bug Hunter

    @Tyler Postle, yea, we've been colliding often, hope non injured? Going by your word;

    The body background will include the header area unless you define an image/color for the header area too :slight_smile:

    So, if I specify a color for the header what will happen to the header img? Seems the new headr color will cover it? Just learning ok.

    Thanks

  • aristath
    • Recruit

    Hello again @Barni,

    Did you try setting a color there?

    So, if I specify a color for the header what will happen to the header img? Seems the new headr color will cover it? Just learning ok.

    The best way to find out is to just try it out! :slight_smile:

    Cheers,
    Ari.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.