Support Forum

Column and row dividers (like V4.5)

18 Answers

New Answer

CF Conrad_Farlow
Conrad_Farlow
Member

This is the WP theme CSS style.css file right? No joy I’m afraid.

I can see this

<div style="width: 6%; min-height: 50px columnguide;" class="spColumnSection spLeft">

So the columnguide class is being applied to the spColumnSection but it looks as though the CSS file is not doing the expected. I have put the class columnguide at the top of the Main Content section of my CSS file with the other classes. I dunno then……..

Conrad.

BR Brandon
Brandon
Member

Conrad, using Andy’s example above you should be able to do this.

In your SP theme file, IE Default.php you will see at the top something that says “Some base, useful classes”

 

Under that you could create your classes for your border.

Like this:

#spMainContainer .spSusanR {

border-right: 1px solid black;
}

 

#spMainContainer .spSusanL {

border-left: 1px solid black;
}

 

Then use it like this: ‘tagClass=spColumnSection spRight spSusanR’

CF Conrad_Farlow
Conrad_Farlow
Member

Hurray and the penny dropped so far it nearly went through my skull.

Never mind susan mine is called spColumnGuideL and friend spColumnGuideL.Showing me that has opened up a whole world of possibilities, thanks all of you!

Conrad

YS Yellow Swordfish
Yellow Swordfish
Member

So we can close this one?
And nobody asked me why I used Susan ! So I am not going to tell anyone…