Need some help with the css

  • Author
    Posts
  • #1249453

    oritsh
    Member

    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.

    #1249659

    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. :)

    #1249660

    oritsh
    Member

    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

    #1249685

    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!

    #1249688

    oritsh
    Member

    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

    #1249691

    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.

    #1249692

    oritsh
    Member

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

    Orit

    #1249693

    Great! I can see you’re learning a ton, and that’s awesome!

The topic ‘Need some help with the css’ is closed to new replies.