Hi Dean,

We'll look into it and see what we can do.

Thanks,
JM

Thanks for instructions, Ive changed colours no problem.

In regard to the double block colour area, I didn't realise it could only have one per page as this was the main reason for purchasing the theme, as there is no other C5 theme that has this.
You see it quite often on wordpress themes and my client really wanted this look.
I have managed to create it using a flex-container as a test but only HTML which is no use for client to edit.
It would be really appreciated if you could add code to make additional areas like this please.
Maybe you could create a block that did it rather than edit whole site code?

Hi Dean,

Unfortunately, Concrete5 does not have a feature wherein you can add Areas through the front-end, since Areas are considered as templates. What you can try doing though is use Layouts to achieve what you want.

Layouts allow you to add multiple rows or columns in a given area. Please see link below on how to do this:

https://documentation.concrete5.org/editors/in-page-editing/block-ar...

Hope this helps.

Thanks,
JM

Sadly Iv'e exhaustively tried using layouts already to achieve this but it doesn’t work for various reasons, the main one being is dosen't balance the content and background colour left to right, plus difficult to get it full width outside the theme framework.

Take look at the top of this page to see how I did it using flex-container code:
http://stmatthews.je/index.php/church-life...
It balances both boxes OK until you get to small window width (386px wide) and then the right text breaks out of the box.

this is the code:

<style>

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.flex-greybox {
  background: rgb(242, 246, 248);
  padding: 80px;
  width: 570px;
  height: 250px;
  margin-top: 0px;
  
  line-height: 50px;
  color: #1da1dc;
  font-weight: bold;
  font-size: 50px;
  text-align: center;
} 

.flex-bluebox {
  background: #1da1dc;
  padding: 50px;
  width: 570px;
  height: 250px;
  margin-top: 0px;
  
  line-height: 40px;
  color: white;
  font-weight: normal;
  font-size: 40px;
  text-align: center;
}

</style>

<ul class="flex-container">
  <li class="flex-greybox">Our Vision:
  <li class="flex-bluebox">Living in the Presence, Power and Love of God<br>
  <span style="color:#58595b; font-size:20px; line-height: 15px;">Transforming the world in which we live.</span></li>
</ul>


If Im going to continue with your theme it really would be great to have some help with this aspect please?

Hi Dean,

You can try duplicating the Feature area on the Home.php template. This will require editing of the template file itself and requires you to have a PHP/HTML file editor to do this.

On your file system, the code for the section area can be found at line 17-30 at Home template found at packages/ds_cosmos57/themes/cosmos/home.php

Hope this helps.

Thanks,
JM

Hi Dean,

As for changing of the background color, you may change the background color through the 'Customize Theme' feature. To do this, you may follow the steps below:

- login as Administrator
- click on the 'gear icon' on the top left buttons
- click on design
- under theme, click on Customize
- under Featured Area, change the 'Left Background Color' and 'Righ Background Color' with the color you wish to apply
- publish the changes

As for adding more areas, i'm afraid it's not possible since adding areas needs to be added on the code itself.

Thanks,
JM