Squirrel theme border and background image

Discussion in 'Squirrel WordPress Theme' started by bitz, Oct 26, 2012.

  1. bitz

    bitz New Member

    Joined:
    Feb 1, 2012
    Messages:
    2
    Likes Received:
    0
    Hello,

    I have the pro version of the Squirrel Theme and would like to:

    a. change the page border to "red" instead of the current grey color
    b. I would like to upload a background image but the image would only repeat horizontal at the header and horizontally at the footer. There will be no image shown between the header and the footer...it will be blank.

    Any help would be greatly appreciated!!
     
  2. Harmeet

    Harmeet Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    360
    Likes Received:
    15
    Hello,
    1. For your first problem
    Put the following code in custom css

    Appearance -> theme options -> styling options -> custom css
    Code:
    .main-content {
    box-shadow: 0px 0px 3px red;
    }
    2. And you can't add the background image only in header and footer, the image will show in whole page, you can add the image from

    Appearance -> Theme Option -> General Settings -> Body Background Image
    put your image address here and it will show in the background.
     
  3. bitz

    bitz New Member

    Joined:
    Feb 1, 2012
    Messages:
    2
    Likes Received:
    0
    Hi Harmeet,

    Thanks for the help. The border solution worked perfectly!!

    If I cannot add a background image to the header and footer, how would I add a no repeat image to the background? I have pasted the following codes in the custom css. The first code results in the image repeating horizontally just at the header and slider, while the rest of the background is blank.
    The second code results in the background image repeating throughout the background and with the border around the page on the right side blurring into the background image.

    html {
    background: url(“image url”) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    body {
    background: url(“image url”) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    Thank you!
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Please do let us know your website link.
     

Share This Page