Forums

Editing Layout Sidewide Footer

Permalink
Hi,
I have a simple but perhaps impossible question.
I use the fundamental theme and there are lots of parameters which I can adjust, lots of possibilities to change the layout and view of the theme.
But:
1. How can I change the side wide footer area from two columns in three for example? Or how can I for example adjust the content in the side wide footer to the centre/left/right ?

1a: perhaps I can better ask how to make an editable layout as a side wide layout?

2. An additional question: How do I avoid that the 'copyright text' is disappearing when I add a block in that area ?

Thanks

Stefan
alxbob8
 
siton replied on at Permalink Reply
siton
Q1:
I dont have fundamental theme (paid theme), So i dont have a way to give you the specific code. Also your Q is about very wide issue.

In general:
Step 1: fundamental use foundation framework. So it helfull to learn about foundation grids (endlees docs in google/youtube/core site)

Step 2: Learn about themes, templates + areas & blocks (look at the docs)
http://documentation.concrete5.org/developers/concepts...

Step 3: Get inside theme folder and find - footer.php (most of the time in "element" folder)

Mabye you find some code like this (Elemental - boostrap example):
<div class="container">
        <div class="row">
            <div class="col-sm-9">
                <?php
                $a = new GlobalArea('Footer Site Title');
                $a->display();
                ?>
            </div>
            <div class="col-sm-3">
                <?php
                $a = new GlobalArea('Footer Social');
                $a->display();
                ?>
            </div>
        </div>

Change the selectors and markup and thats it (dont change areas names). If you use blocks you need to change the code inside view.php and/or view.css (learn about custom block templates).

Left align VS Right align it again pure CSS issue. use foundation helpers for aligning. Example of red area:
//css
.red-area{
  backround-color: red;
}
//theme
<div class="red-area">
                <?php
                $a = new GlobalArea('This is my red background area');
                $a->display();
                ?>
   </div>

Q2: Sorry i dont know the answer without the theme code (use support) - or add screenshot