Background Image Under Text – Full Width (Hueman)

  • Hi,
    Any help would be much appreciated!

    Here is my test site, using the Hueman (thanks Alix!) theme and a child theme: https://creativenetworks.org.uk/mad/

    I want to display a background image behind the text, across the entire site: body, container and sidebars. After several attempts to pinpoint the CSS attributes in #wrapper .main, #wrapper .content and so on, I exasperatedly did a global search and replace (60 occurrences) in the main style.css, replacing ‘fff’ with ’00’. (Brutal and deprecated, I know!) That got me a transparent content area – but of course although I have a nice (ugly) image behind the text, I can’t figure out how to make everything ‘on top’ transparent so that I can float the image under content, sidebars, page and all.

    Am I asking too much from the theme here, or has anyone done something similar? Of course I can figure out how to make the sidebars transparent – but that still leaves the image boxed in the ‘content’ area’. Any tricks with z-index that make this all stunningly simple??!!

    (BTW, sincere apologies if this is a duplicate question – but when I press the ‘search’ button, the search runs on the entire WordPress site, not just the Hueman theme support forums. Anyone listening down at WordPressVille?!)

    Many thanks,

    Mark

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Mark. Yes, what you’re trying to do is not straight-forward, partly (or maybe mostly) because of the way the sidebar backgrounds are set with images on the main content containers and margin offsets. I found this post on StackOverflow which discusses the same topic. Might be helpful. Also, if you search on “hueman transparent” you should get some theme-related hits.

    Thread Starter nostradamuszen

    (@nostradamuszen)

    Hi BD – thanks so much for your answer!

    I’ve just tried a ‘kludge’, consisting of taking a copy of all the sidebar images and making them transparent, then putting the transparent images where the original ones were: nothing!

    But the search and replace in style.css does do the job – and does not seem to break anything, to my surprise. (Search ‘#fff’ and replace with ‘none’.)

    Now to do it properly and ‘titrate’ the 1,585 lines of code in style.css to track down the three items I need!

    Cheers, Mark

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Background Image Under Text – Full Width (Hueman)’ is closed to new replies.