The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Extending the length of the category borders

View previous topic View next topic Go down

Solved Extending the length of the category borders

Post by Dustination on October 2nd 2014, 6:10 am

Hello
I would like to know how to extend the length of the border around a category, if possible.
It's a bit difficult to elaborate so I have created this image to better explain myself:
http://i.imgur.com/v7K0dpg.png

Basically, I would like the white borders around the category titles to extend all the way to the end.
If you look at my forum (Linked at the bottom of this post), the "Who's Online" section does this, but none of the others.

Here is my forum:
http://projectcrusade.forumotion.com/

Thank you!
-Dustin


Last edited by Dustination on October 2nd 2014, 7:00 pm; edited 1 time in total

Dustination
Forumember

Posts : 27
Reputation : 1
Language : English

http://projectcrusade.forumotion.com/

Back to top Go down

Solved Re: Extending the length of the category borders

Post by SarkZKalie on October 2nd 2014, 7:28 am

Personally, you don't need that white border line. So I removed that border and just added padding-left
 
Add this to your CSS if you want!
Code:
td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
background-image: url('http://illiweb.com/fa/empty.gif');
background-color: #202020;
border:0px solid #fff;!important
height: 28px;
padding-left: 10px;!important
}

SarkZKalie
Forumember

Male Posts : 419
Reputation : 73
Language : English

http://rotavn.nstars.org/

Back to top Go down

Solved Re: Extending the length of the category borders

Post by Dustination on October 2nd 2014, 7:44 am

Hey, that looks great! Thanks a lot!
The padding worked, however the borders still remain, unfortunately.

Dustination
Forumember

Posts : 27
Reputation : 1
Language : English

http://projectcrusade.forumotion.com/

Back to top Go down

Solved Re: Extending the length of the category borders

Post by Ange Tuteur on October 2nd 2014, 1:52 pm

Try adding this to your sheet :
Code:
td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom { border:none !important }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Extending the length of the category borders

Post by Dustination on October 2nd 2014, 6:37 pm

It worked, thanks!
However it makes some other parts of the forum look strange, so I think I'll be leaving it out.

I won't mark this as solved until I could get an answer to my first question though, in case someone is looking for a similar solution in the future.

Dustination
Forumember

Posts : 27
Reputation : 1
Language : English

http://projectcrusade.forumotion.com/

Back to top Go down

Solved Re: Extending the length of the category borders

Post by Ange Tuteur on October 2nd 2014, 6:45 pm

Go to Administration Panel > Display > Templates > General > index_box

Find :
Code:
<!-- BEGIN cathead -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
 <!-- END inc -->
 <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
 <h{catrow.cathead.LEVEL} class="hierarchy">
 <span class="cattitle">
 <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
 </span>
 </h{catrow.cathead.LEVEL}>
 </td>
 <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
 </tr>
 <!-- END cathead -->

Replace by :
Code:
<!-- BEGIN cathead -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
 <!-- END inc -->
 <td class="{catrow.cathead.CLASS_CAT}" colspan="6" width="100%">
 <h{catrow.cathead.LEVEL} class="hierarchy">
 <span class="cattitle">
 <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
 </span>
 </h{catrow.cathead.LEVEL}>
 </td>
 </tr>
 <!-- END cathead -->

Save and publish. Add

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Extending the length of the category borders

Post by Dustination on October 2nd 2014, 7:00 pm

Solved! Thank you so much!

Dustination
Forumember

Posts : 27
Reputation : 1
Language : English

http://projectcrusade.forumotion.com/

Back to top Go down

Solved Re: Extending the length of the category borders

Post by Ange Tuteur on October 2nd 2014, 7:03 pm

You're welcome ^^

Topic archived

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum