Hi there,

I would like to set a background color to the whole footerwrap including all positions.

I just cannot get it to work.

I tried to add a class to the #footerwrap referencing the >section like .myclass > section as I did for the logo (where it works). Tried to add it to all classes in the footer individually. -->nope.

When I add it to #footerwrap alone I get it but not for the modules.

Any idea?

Thanks a lot and marry Christmas to all

Hi

#footerwrap {
float: left;
width: 100%;
}

Try adding this together with a background colour value

Cheers
Paul

Thanky a lot! Works, but ...

Any idea how to limit the background color to the content area (960px out of 100%).

Cheers
MM

Sure - you can either apply the bg color to the .zen-container rule or the .zen-spotlight rule.

Thanks

Anthony,

How can I add full width background color or background picture to an text area within an article in the maincontent?
Dirk

Hi Dirk,

Not entirely sure I know what you mean. But if its for content inside your content items then you can use any of the built in classes in the theme - apply a primary2 class to the div that contains the content and it will apply the primary colour set in your theme.

Thanks

Anthony,
What is a primary2 class?
I created a div with a class but the color is not showing on the full width of the wide screen. The color is shown for the content width only.

Can you post a link and or a screenshot of the area you want to apply the colour to?

Thanks

goo.gl/O3B6wn

The div has the class="leicht_blau".

The backgroundcolor should be full width on a wide screen.

Its the full width of the content area

.leicht_blau {
background-color: #Ecf0f1;
width: 100%;
}

So its filling the width of article-content

Cheers
Paul

Paul,

Yes, but I want to have the background color for the full width of the screen. Not only for the content width. Is this possible?

Are you able to use position rows below the content area?

As there will be many articles I would need a lot of rows as they would have many different backgrounds.

I just added this to the article code so I have a new section which I could use to define a new background color or image.

</section>
</article>
</div>
</main>
</div>
</div>
</div>
</div>
</section>

<section id="mainWrapImpressum" class="clearfix mr stack-tablets stack-phones">
<div class="zen-container">
<div class="zen-row">
<div class="mainwrap zen-spotlight">
<div id="midCol" class="zg-col zg-col-12 ">
<main role="main">
<div class="item-page clearfix">
<article itemtype="schema.org/Article" itemscope="">
<section class="article-content" itemprop="articleBody">


But it would be great if the template would make it more easy to create a new section on the full width.

Do you think the template could me adapted somehow to suppport background changes within the article?

Thanks.

I'm not sure this would be possible out of the box - you could experiment with 100% full widths and then add your own containers inside the article

Cheers
Paul