louisjpe

Wow, and there I was thinking I had broken something.

Thanks Alexander, works for me!

Hi bdbrown,

It turned out that in addition to the problems you highlighted, my width and height were missing ‘px’. I’m not sure if the cache is an issue, it seems to be working fine now.

Thanks a lot for your help!
Louis

OK, thanks, so I removed the #container-fluid div from outside the header, and I moved the } to the end, and still no luck. Here’s the CSS now:

#container-fluid {
background-image: url(“https://symbid.wpengine.com/wp-content/uploads/2015/04/Symbid-crowdfunding-funding-network-blog.jpg”);
background-repeat: no-repeat;
width: 1920;
height: 543;
margin: 0, auto;
padding: 0;
}

Hey,

I removed the <div id=”container-fluid”></div> from the header.php template as it wasn’t working. i just re-added it where you suggested, and still nothing. My style.css reads like this:

#container-fluid {
background-image: } url(“https://symbid.wpengine.com/wp-content/uploads/2015/04/Symbid-crowdfunding-funding-network-blog.jpg&#8221;);
background-repeat: no-repeat;
width: 1920;
height: 543;
margin: 0, auto;
padding: 0;

Could something be overriding it? I’m really stuck here.

Louis

It did not fix it unfortunately. I now have this in the header.php child template:

</header><!–/#header–>
<div id=”container-fluid”>
</div>
<div class=”container” id=”page”>
<div class=”container-inner”>
<div class=”main”>
<div class=”main-inner group”>

And this in my child style.css:

#container-fluid {
background-image: url(“https://c5b06bb50b4a498184fd627c9abb20de.objectstore.eu/symbid_production/ed493a7981174a428bb45ba91bf614bb/875/Symbid_crowdfunding_funding_network_-_blog.jpg&#8221;);
background-repeat: no-repeat;
width: auto;
height: auto;
margin: 0;
padding: 0;
}

But I see no result on my site. I’m beginning to question whether I’ll ever be able to do this. Might be time to give up or contact my coder friend.

Thanks so much for all your help!
Louis

Hey bdbrown,

So I created a child theme and copied header.php into it, and then isolated where I think the <div> container should go:

`</div><!–/.container-inner–>
</div><!–/.container–>
*HERE?*
</header><!–/#header–>`

And then I added the following code to no avail whatsoever – I must be missing something obvious:

`<div class=”container-fluid”>
#container-fluid {
background-image: url(“https://c5b06bb50b4a498184fd627c9abb20de.objectstore.eu/symbid_production/ed493a7981174a428bb45ba91bf614bb/875/Symbid_crowdfunding_funding_network_-_blog.jpg&#8221;);
background-repeat: no-repeat;
width: auto;
height: auto;
margin: 0;
padding: 0;
}
</div>`

Any ideas? You’d be saving my head from being banged against a wall repeatedly.

Thanks in advance,
Louis

Hi again bdbrown,

I just tried the CSS code you posted on this thread, but as expected it changed the background of the entire header. So I removed it.

I’d really like the header background to remain blue, as shown in the mock-up I linked above.

How can this be achieved?
Thanks in advance,
Louis

Thanks for the speedy response bdbrown, as ever.

I want to do this in order to make the title of the blog ‘Financial Democracy’ far more obvious. This is a strong message which currently gets lost in the rest of the page. For context, this is what I have in mind. There are several corporate identity / content marketing considerations behind this.

As you can see, a header image is not really what I’m after. Can this be achieved with a dynamic sidebar?

Thanks in advance,
Louis

It works perfectly, and looks much cleaner.

Thanks so much!

I expected as much. Where did I go wrong?!