How to have image behind text area but keep fullscreen background

  • ECUWEST

    (@ecuwest)


    9 years ago

    Hi,

    First post…

    I’ve had my site for a couple of years and manage it myself but I only use plugins and dont do CSS coding so Im a full newbie in that sense.

    I’d like to be able to put an opaque image behind the text on pages but keep the carbon back ground. For example Id like to have a photo of my workshop behind the text on the contact page here

    Ive googled this endlessly but cant find an easy solution. Is there one?

Viewing 1 replies (of 1 total)
  • wpfan1000

    (@wpfan1000)

    9 years ago

    Hi,

    You can enclose the text in a div, and then set the background of the div to an image.

    Right now though you have a lot of separate html for the text:

    <p>
You can contact us here or alternatively fill out our enquiry form below and we will get back to  you as soon as we can,
<span style="color: #ff0000;">
. Send your ECU to our secure post box at the address below:
<span style="display:block;clear:both;height: 0px;margin-top: -20px;"></span>
</p>
<address style="padding-left: 30px;">
<address style="padding-left: 30px;">
<address style="padding-left: 30px;">
<address style="padding-left: 30px;"> </address>
<p>
<address style="padding-left: 30px;">
<address style="padding-left: 30px;">
<address style="padding-left: 30px;">
<address style="padding-left: 30px;"> </address>
<p>
<p>
<div id="gform_wrapper_6" class="gf_browser_unknown gform_wrapper">
<script type="text/javascript">
<script type="text/javascript">

    Etc.

    Having all these divs makes it hard to add a background to each one.

    That is why you need to enclose it all in a div.

    BTY your background image seems huge and takes (for me anyways) a very long time to load. Consider using a small chunck of it and having it repeat in the background.

    Hope this helps.

Viewing 1 replies (of 1 total)
  • The topic ‘How to have image behind text area but keep fullscreen background’ is closed to new replies.