Recent Topics
  1. b2evolution CMS Support Forums
  2. b2evolution Support
  3. Templates, skins, XHTML and CSS
  4. How to Move Vertical Line

How to Move Vertical Line

1 Jan 01, 2005 23:56    

I just upgraded to b2 evolution from regular old b2. I am very happy.

I have a quick question in editing the "custom" skin. I am trying to change the width of the right hand column in the skin and I can't figure out how to move the verticle line 30 pixels to the right.

My blog is at http://hhollick.com/v-web/b2/

I have successfully changed the width of the two columns by making the following edits in the custom.css file:
[list]changed the .bPosts width from 480 to 510 (added 30)[/list:u]
[list]changed the .bSideBar width from 259 to 229 (subtracted 30)[/list:u]

So I have the columns at their desired widths but the vertical line is in the wrong place. Does anyone know how I move the vertical line as well?

Many thanks,

Heather Hollick

Back to top

2 Jan 02, 2005 14:03

It's an image, so you'll have to crack out your favourite image editor and move it in that.

Back to top

3 Jan 02, 2005 21:46

Thanks for pointing me to the image file that creates the vertical line in the custom skin.

Thanks to Photoshop I was able to move the vertical bar 30 pixels to the right.

See http://hhollick.com/v-web/b2/ for the net results.

I will be glad to share the file and the simple instructions if anyone is interested.

Many thanks.
Heather

Back to top

4 Jan 19, 2005 07:42

heather, i am trying to do the same thing. can you let me konw me know what you did?

Back to top

5 Jan 20, 2005 22:35

I will be glad to help. As I mention in my post above, you need to change the width settings for .bPosts and .bSideBar.

The secret to moving the vertical line is that you need to replace the bg_content.gif file in the \img directory with a file that has the vertical line moved 30 pixels. I created a new bg_content.gif file in Photoshop and will be glad to share it. I don't think I can attach files here so please email me and I will send you the file.

Cheers,
Heather

Back to top


Form is loading...