Extending the length of the category borders

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:
https://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 : 29
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
}
avatar
SarkZKalie
Forumember

Male Posts : 756
Reputation : 111
Language : English

http://rotavn.forumotion.com

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 : 29
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 }
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

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 : 29
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
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

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 : 29
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
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


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