Resizing the header and footer areas

Permalink Browser Info Environment
Great theme to work with. Thanks.

I was wondering whether it would be possible to resize the header and footer areas - just like the content area (boxed with shadows)? I prefer to make the header, content and footer areas - all to appear boxed and with shadows.

Would you please help? Thanks in advance.

Type: Discussion
Status: In Progress
binoy
View Replies:
jordif replied on at Permalink Reply
jordif
Hi,

not sure I understand what you're trying to achieve. Can you provide a visual / mockup?
binoy replied on at Permalink Reply
binoy
Thank you for your kind response.

I thought of getting the theme 'neat' into the shape of the default theme included in the earlier version of concrete5 (with 5.6).

Theme neat has header and footer extended to the full screen while the middle portion(content) is boxed with shadows on the left and right edges. I was wondering all- the header, footer and the content - can be boxed with shadows on the left and right edges.

Examples:
http://www.psdaddict.com/demo/karma/...

Regards,

Binoy
jordif replied on at Permalink Reply
jordif
Oh i see, yes this should be possible.

You have two options:

1. tweaking the html a little bit. The only problem with this is that if you ever need to update the theme, your changes would be lost.

2. adding some custom CSS through the theme customizer. Try adding this code:

.c5wrapper {
   background: #f0f0f0;
}
.site-header, .site-footer {
   margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .site-header, .site-footer {
       width: 750px;
    }
}
@media (min-width: 992px) {
    .site-header, .site-footer {
       width: 970px;


You'll need to test this, but at least it should serve as a starting point.

hope this helps!

Jordi
binoy replied on at Permalink Reply
binoy
Wow! Thank you very much! You gave me exactly what I imagined!

Can I ask for just one more possibility?
Can we keep shadows on the top and bottom edges just like we have it on left and right edges?

And;an issue I found:
Editing interface of content block is not coming up after css updation.

Once again I thank you for your wonderful response and for the time you spent on my request.

Binoy.
binoy replied on at Permalink Reply
binoy
The issue I mentioned is solved. it was something related to installation/server. Kindly ignore the issue.

For the shadows on top and bottom, my tries could not go fruitful. Would you please look into it?

Thank you.
jordif replied on at Permalink Reply
jordif
hi,

try adding some margin to the top and the bottom, something like:

.site-header {
margin-top:40px;
}
.site-footer {
margin-bottom:40px;
box-shadow:0 1px 6px rgba(0,0,0,0.25);
}
binoy replied on at Permalink Reply
binoy
Great! It works! Thank you once again.

But the page background is not appearing in the top margin and bottom margin. Can we correct it?

I have set up the custom css given by you in the demo site:http://www.normamedia.com. You can see the page background not appearing in the top and bottom margins.

Would you please have a look?

Thank you.
jordif replied on at Permalink Reply
jordif
Try something different, remove the previous code and try this one instead:

.c5wrapper {
padding: 40px 0;
}
binoy replied on at Permalink Reply
binoy
Done! Beautiful!

Thank you Very much! Your response to help request is amazing!, that too for a free theme!

Shall I point out one issue I faced? I don't know the reason. it may not be related to the theme.
When we select the options in "rich text editor" in the "Systems and Settings" in the dashboard, content editing becomes impossible in the site. I am not sure about what might be causing it. Without touching the options in "rich text editor" everything is smooth.

Once again I thank you for your attention, patience and time spared for me.

Binoy.
binoy replied on at Permalink Reply
binoy
Done! Beautiful!

Thank you Very much! Your response to help request is amazing!, that too for a free theme!

Shall I point out one issue I faced? I don't know the reason. it may not be related to the theme.
When we select the options in "rich text editor" in the "Systems and Settings" in the dashboard, content editing becomes impossible in the site. I am not sure about what might be causing it. Without touching the options in "rich text editor" everything is smooth.

Once again I thank you for your attention, patience and time spared for me.

Binoy.

concrete5 Environment Information

Bluehost shared hosting account

Browser User-Agent String

Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.