Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #22540
    Sheree
    Member

    Hi, just wondering if you could give me some advice. (I am a newbie to WordPress & Simple Catch Pro). On my blog I would like to create a patterned background (using an image) around the perimeter of the site with a white background behind the text similar to this blog http://www.abowlfulloflemons.net . At the moment the pink patterned background covers my whole site and the text is hard to read against it. I have been told that I am using the same image for the main background as I am for the page background. I can see where to change the page background but not sure where to make the changes to the main(perimeter) background. My blog is at http://www.homesweethomemaker.net . I hope my description makes sense :>
    Thank you in advance
    Sheree

    #22611
    Sakin
    Keymaster

    @Sheree: You can add the following css in “Appearance => Theme Options => Custom CSS” box to add white background color behind the content.
    #main { background-color: #fff; }

    #23070
    Sheree
    Member

    Hi Sakin, thank you for your help, this worked a treat! I now just want to add a little extra white background on either side of the text as the text appears right up against edge of the white background.

    Also one extra question…. Is there anyway I can make my slider at the top of the page a little smaller?? When I set the image size to medium it seems to be too small and large seems too big, is there an in between??

    Thank you in advance
    Sheree
    http://www.homesweethomemaker.net

    #23135
    Sakin
    Keymaster

    @Sheree: For spacing, you can add the following css in “Appearance => Theme Options => Custom CSS” box.

    @media screen and (min-width: 961px) {
    #primary {
        padding-left: 2%;
        width: 63.64%;
    }
    #secondary {
        width: 29.28%;
    }
    }
    @media screen and (max-width: 960px) {
    #primary, #secondary, .contact #primary, .contact #secondary {
        width: 96%;
        padding: 0 2%;
    }
    }

    For the Slider image, you can use “Featured Image Slider” and upload the image of your own choice. so, first you can crop the image as per your need using photo editing software like Photoshop, Photo Editor and so on. Then upload it.

    #23658
    Sheree
    Member

    Thanks Sakin, its all coming together. Just wanted to know how to change the grey background that is still visible on the sides of the pictures in the slider.

    Thanks again.
    Sheree

    http://www.homesweethomemaker.net

    #23665
    Sakin
    Keymaster

    @Sheree: You can remove the slider effect from “Appearance => Theme Options => Featured Slider => Slider Options” and then Disable Slider Background Effect.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Creating seperate main & page backgrounds’ is closed to new replies.