HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Change Side Panel Width

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#54596 (In Topic #11901)
Avatar

Fan in training

Simplest way to change the right panel width

OK, I have banged my head enough for one am. How does one go about changing the right panel width?

Should I looking for css that controls the right panel? the body block width, or individual blocks set to a fixed width?

I've managed to fix the overall page width to 900px and want a 250px right sidebar to add video, etc.

Any takers?O_o

Thanks

David
Back to the top
 
Posted
Rating:
#54598
Avatar

Community saint

setup > configuration > theme options

I don't seen an option to change the left and right panel width individually though.
Back to the top
 
Posted
Rating:
#54601

Non-joined user

Thanks Brian, I appreciate your reply.

I spent most of my time looking in the css and templates and did not even think to look in the site setup section until I happened to find it on my own after trials and tribulation when bringing my client into the admin.

However, you are correct that there does not seem to be a way to change the sidebars individually.

The issue I am having now is that my body content is too wide upon changing the sidebars (just right panel showing) to 350px to fit a 340px video. The content is forced down by the footer now :(
Back to the top
 
Posted
Rating:
#54602
Avatar

Honoured member

Hey David,

YOu can manipulate the sidebar width here

Admin Zone > SETUP > THEME OPTIONS

Panel Width
This is the CSS width used for the left/right-hand panels, and side blocks.

Panel Width with spacing
This is the Panel Width with any extra spacing required for margins included into it.

You wont' be able to individual set them here.

What I do is I zero these out and use CSS to adjust my widths.
Then you can go into your CSS files (global.css)

Look for this:

#panel_left {
   float: {!en_left};
}

#panel_right {
   float: {!en_right};
}

change to this

#panel_left {
   float: {!en_left};
        width: ###px;
}

#panel_right {
   float: {!en_right};
        width: ###px;
}

Of course you can add more styling here to change padding, margins, background, color etc.

Hope that helps  :thumbs:

Back to the top
 
Posted
Rating:
#54635
Avatar

Community saint

Thanks Brian and ocPortal_Noob for this method. I was looking at a similar problem as David and this will solve it.:thumbs:
Back to the top
 
Posted
Rating:
#54643
Avatar

Community saint

Right on, glad I could help.
Back to the top
 
Posted
Rating:
#54648
Avatar

Honoured member

No problem,

just watch yourself because when/if you zero out the sidepanel widths you will really need to get deep in your CSS to adjust the layouts.

A more conservative and perhaps slightly less intense method is to set the width to the "narrower" of the side panels then use the CSS methods I described above to "increase the width" of the one panel.

ah half dozen one way or the other. It's up to you.

Good luck! :thumbs:
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: