Need help? Check out our Support site, then


Need some help with the css

  1. I like to add some illustration as a gif file in 3 places on the site :
    1. In the header of the page area
    2. In the footer of it
    3. and as a background of the main navigation area
    as i mark in red in the picture
    http://iris-duvdevani.com/test2/

    I'm new with the css and will thanks for any help.

    Orit

    The blog I need help with is iris-duvdevani.com.

  2. Is your end goal to replace the top and bottom borders for the page? Would you mind uploading the images to your media library and then posting links back to them here? That will help us help you. :)

  3. Hi designsimply, thanks for your response.
    I succeed to do it on the header - you can see it now on the site.
    here is the image link
    http://irisduvdevani.files.wordpress.com/2013/05/header2.gif

    Thanks again,

    Orit

  4. I checked and I see that you used the following CSS to make that adjustment:

    #page:before {
    	background: url('http://irisduvdevani.files.wordpress.com/2013/05/header2.gif') repeat-x;
    	background-size:980px 90px;
    	position:absolute;
    	top:0;
    	right:0;
    }

    It looks great!

  5. Thank you very much designsimply !!
    As you see i succeed to do it with the header. Can you help me with the other two location - on the footer and as a nice background for the up menu ?
    Thanks again (:

    Orit

  6. Here's how to add a background image to the very bottom of the main content area of the Ever After theme:

    #colophon {
    	background: url('http://s.wordpress.org/about/images/logos/wordpress-logo-32-blue.png') 100% 100% repeat-x;
    	margin: 0;
    	padding: 0 5.52147239%;
    }

    I used the WordPress logo as an example, and you can change out the value for url() to use your own image.

    Here is an example showing how to add a background image to the main menu in the Ever After theme:

    .site-navigation {
    	background: url('http://s.wordpress.org/about/images/logos/wordpress-logo-32-blue.png') center center repeat-x;
    }

    Change the url() value to an image URL from your media library to use a different image.

  7. Agian - Thank you very much designsimply !! (:
    I'm realy apricate your help .
    I'll try to implement it on my site.

    Orit

  8. Great! I can see you're learning a ton, and that's awesome!

Topic Closed

This topic has been closed to new replies.

About this Topic