Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #597104

    Hi there,

    I’m trying to put a background image in the header of shoutbox. Is that possible?

    If not, what would be the custom code to make the header black while using the white css?

    Thanks!

    #597480

    Hey soundsesty,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    #600861

    http://collisioncoursemagazine.com/

    What I want is to place an image in the background of the header (the tittle part that says collision course magazine) that’s comparable to the background on collisioncoursemusic.com, so that the style is comparable. (but only in the header)

    For instance a background like this: http://new.graphicpanic.com/ (Purchase code hidden if logged out) .htm

    Maybe drop that fan on the right if that’s a problem.

    #600877

    Hey!

    Teh site you pointed to use
    http://awesomescreenshot.com/02a5q4ep47

    the header is like that, a grey color.
    That is only you need to do, or we did not understood you properly?

    Regards,
    Basilis

    #600928

    Ah no, I was refering to the image:
    http://new.graphicpanic.com/wp-content/uploads/2015/09/ (Purchase code hidden if logged out) .jpg

    Just like the background on my main site.. I want the two sites to be more even in style, I thought that it might look good to place an image in the header stretched over the whole screen. Or maybe just in the middle part, where the actual site is. Not sure which option would be better..

    Or perhaps place an image like this as the background on the main site, where all the articles “float” on top. But you will probably get scaling errors with lots of articles.

    #601395

    Hi!

    Please try adding following code to Quick CSS in Shoutbox theme options under Styling tab

    #header { background: url("https://new.graphicpanic.com/wp-content/uploads/2015/09/ (Purchase code hidden if logged out) .jpg") !important; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

    Your image is currently not accessible on my end. Please make sure it is accessible before adding custom CSS code or it will not work

    Best regards,
    Yigit

    #603504

    OK almost there.. would it be possible to delete the ribbon and shift the other icons (twitter etc) to the right?

    #603505

    Or make the ribbon really transparent. I have already edited the image to make the bottom transparent, but I think it’s on a white background.

    #603736

    Hi!

    Try the following CSS to remove the ribbon and shift the social icons over to the right:

    .ribbon {
        display: none;
    }
    
    .social_bookmarks {
        right: 0px !important;
    }

    Regards,
    Jordan

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.