Top Pane

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
1/26/2020 6:42:44 PM
GregThelen
Gravatar
Total Posts 12
View Posts

Top Pane

My Idea is not working, any help?
I rarely use the top pane for anything but now I want to be able to add content but I want that pane to stretch full width with no padding.
Anyone know where I can change this?

This is only going to be used on the home page, such as images.

2/4/2020 1:46:47 PM
Joe Davis
Gravatar
Total Posts 2239
View Posts

Re: Top Pane

Hi Greg,

Be sure you have followed the steps here and then it's just CSS from that point. You might have to tweak where in your layout.master you place the extra content panel as well.

If you can post a link to a page you are working on, we can help further.

Thanks,
Joe

2/4/2020 3:27:10 PM
mari
Gravatar
Total Posts 47
View Posts

Re: Top Pane

Hi Greg,

I wanted a similar structure with full-width for the top and bottom panes and the possibility to have a full-with banner in the central pane where content is generally 1200px.  I solved widening the whole site to 100% and adding a container class at 1200px  that I call for the content I want.

As Joe said it is a little css work. :-)

Hope it helps

Mari

 

 

 

2/7/2020 11:43:47 AM
GregThelen
Gravatar
Total Posts 12
View Posts

Re: Top Pane

Thanks for the guidance. I will dive into the css this weekend.
Example of what I am trying to do is http://206.180.232.148 and it is probably NSFW!!!!!

I moved the top pane into the nav section right before the closing tag in layout.master.
I just want that example to stretch full width and remove some padding.

If you have any thoughts. I would appreciate it.
Thanks again.

 

2/21/2020 1:22:00 PM
Joe Davis
Gravatar
Total Posts 2239
View Posts

Re: Top Pane

Hi Greg,

Add this to your CSS. You can change your LESS files and recompile them to CSS or you can just add this to a new css file and reference it in your style.config file of your skin.

.top-pane .panelwrapper {
    width: 100%;
    padding: 0;
}

Hope this helps,
Joe

2/21/2020 3:13:17 PM
GregThelen
Gravatar
Total Posts 12
View Posts

Re: Top Pane

Thanks Joe,

I like the new css file and add to the config better.
I can then use it or not us it by way of the extra css file.

That was perfect!!

 

Greg

2/25/2020 1:57:39 PM
GregThelen
Gravatar
Total Posts 12
View Posts

Re: Top Pane

Thanks again Joe,
That worked just like I wanted.
 

You must sign in to post in the forums. This thread is closed to new posts.