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.
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 |
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
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
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:
You'll need to test this, but at least it should serve as a starting point.
hope this helps!
Jordi
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;
Viewing 15 lines of 22 lines. View entire code block.
You'll need to test this, but at least it should serve as a starting point.
hope this helps!
Jordi
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.
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.
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.
For the shadows on top and bottom, my tries could not go fruitful. Would you please look into it?
Thank you.
hi,
try adding some margin to the top and the bottom, something like:
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); }
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.
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.
Try something different, remove the previous code and try this one instead:
.c5wrapper { padding: 40px 0; }
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.
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.
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.
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.
Hi,
Thank you for your great help on the theme.
Can I ask for one more help?
Would you please help me to centralise (1) Sitewide site name and below that (2) Site wide Top Nav Right and below that (3) Sitewide Header Nav
In the Header area I would like to have only these three items centralised.
Requesting your kind attention and help'
Binoy.
Thank you for your great help on the theme.
Can I ask for one more help?
Would you please help me to centralise (1) Sitewide site name and below that (2) Site wide Top Nav Right and below that (3) Sitewide Header Nav
In the Header area I would like to have only these three items centralised.
Requesting your kind attention and help'
Binoy.
not sure I understand what you're trying to achieve. Can you provide a visual / mockup?