Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #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?



    Hey soundsesty,

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



    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, so that the style is comparable. (but only in the header)

    For instance a background like this: (Purchase code hidden if logged out) .htm

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



    Teh site you pointed to use

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



    Ah no, I was refering to the image: (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.



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

    #header { background: url(" (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,


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


    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.



    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;


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

You must be logged in to reply to this topic.