Support Forum
Support Forum
Offline
So I need to add a css statement to where the spColumnSection tagClass is defined. Now where would that be my good people? I am only just getting the hang of these tag classes, I can see the power of the approach though. It's obvious even to a newbie.
Offline
Er.....
Where is the spColumnSection tagClass css defined and how can I alter it so that I can pass border parameters as Brandon suggested in post 7 of this thread.
Conrad
Offline
What browser do you use Conrad? And please do not say IE 🙂
Safari, Chrome, Opera could all be good answers though
 |
YELLOW
SWORDFISH
|
Offline
I use Firefox 9.0.1 and Chrome 16.0.912.75 m, Firefox with firebug to figure stuff out and check little tweaks but obviously not that proficient as yet. When things look right on those two browsers I will then check on all the others I can get my hands on, including iPad's, iPhone and various Android platforms.
But I'd really really really like to know how to have the columns only in group and forum view please, not globally. So I need to find out how to change the spColumnSection tagClass definition to allow the border right parameter to be passed as an argument.
Please help, I've tried to figure it out and now its making my head hurt.
Conrad
Offline
Well as Steve pointed out in post 8 on this thread, border is not an available argument as it styling.
All columns are given the same class by default. In fact mostly they are given two classes - 'spColumnSection' and 'spRight' or 'spLeft'
These are the defaults. You can change those to something else wherever you want. So if you want one to have a completely different set of styling rules you can define your own class in your CSS file and change it in the function's tagClass argument.
Another way would be to define a simple class in your CSS file with just, for example, a border-right setting. So this could be something like:
.susan { border-right: 1px solid black; }
Then in the template function call instead of passing:
'tagClass=spColumnSection spRight' - you could pass:
'tagClass=spColumnSection spRight susan'
which would then apply the .susan class to that instance of the column.
|
YELLOW
SWORDFISH
|
Offline
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.
Offline
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'
Custom Simple Press Themes
Offline
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
All RSS1 Guest(s)