1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 Any help would be appreciated. Background & centering logo Block

Discussion in 'Styling and Customization Questions' started by oO5 Dynasty, Oct 10, 2014.

  1. oO5 Dynasty

    oO5 Dynasty Active Member

    upload_2014-10-10_12-14-18.png


    So i would like to add a background to my site like this. If you know how to make it be responsive that would help also. I would love to make my Header much bigger with a center image/logo block like this. anybody know how to achive these two things. Plus i see some sites use Transparent Boards, anybody know how to do that.
     
  2. iGloo'

    iGloo' Member

    If you can provide us your url, that would help us a lot. And provide us the url of the background you want too... :)
     
  3. oO5 Dynasty

    oO5 Dynasty Active Member

    www.oo5dynasty.com/community/upload and i was just gonna design a background.
     
  4. iGloo'

    iGloo' Member

    I'm not a pro in design, but as I do it my way, you'll need in fact two images for the background. One for the header and one for the body, wich need to fit together to look great...
    Once you have those two images, you simply go to your panel, "Appearance" > "General" > "Body" and you add your background image.
    Once you added this one, you can go to the header style properties and add the image too, or you can use EXTRA.css with this:
    Code:
    #headerMover #header {
    your-css: here;
    }
    For the logo, you'll need to go to EXTRA.css and put the following code:
    Code:
    #logo {
    float: none !important;
    text-align: center;
    }
    Hope that will help you out.
     
    oO5 Dynasty likes this.
  5. oO5 Dynasty

    oO5 Dynasty Active Member

    Thank you sooo much
     

Share This Page