Aligning description

[Former Member]

Forum URL: thepurposeoflife.freeforums.net/


On my test board I am using the side by side code. However, the descriptions are all off to the left, where the category title is centered. How can I center the descriptions where it looks neater?

thank you

[Tumbleweed]

Mar 7, 2016 8:26:25 GMT -8 STLUEE said:

Forum URL: thepurposeoflife.freeforums.net/


On my test board I am using the side by side code. However, the descriptions are all off to the left, where the category title is centered. How can I center the descriptions where it looks neater?

thank you

I'd probably have to see your template lay out to say for sure but the class that seems to be targeting the description is: .bdesc

So it should:

.bdesc{text-align:center;
}

You probably have that class in your css that came with the side by side so try to find that first and add the text-align:center.

[Former Member]

That worked except some of the topics title are under the description instead of above.

[Tumbleweed]

Mar 7, 2016 17:04:01 GMT -8 STLUEE said:

That worked except some of the topics title are under the description instead of above.

I'm trying to find ones that are under the description. Maybe they are boards I can't see. No doubt it seems the last board in each category is messed up but can you point to which ones are not in the right position.

[Former Member]

It looks like board titles are above their descriptions yet the titles are under another categories description.

all from the general information category and beyond are that way.

[Tumbleweed]

Mar 8, 2016 6:56:34 GMT -8 STLUEE said:

It looks like board titles are above their descriptions yet the titles are under another categories description.

all from the general information category and beyond are that way.

I went back to look at your site and thought I was on my test site because the filler banner you have is off one of my test sites. lol (I think I let you use it for some test layout we worked on before but it was funny that I had a ...."wait, where am I?" moment. ha ha ha)


You mean like "Rules by Admin" would be above, and I think you meant to say, board descriptions? If so, that is how it is set up in your template.

You will have to move that div that has the the "postlast" class so it is above the description. 

[Former Member]

I found that code in one of my post. I am trying to figure something out to make my forum more interesting to save it.

I have the titles above description now. The thing is they are above the row borders in the other categories. Not where the description is.

[Tumbleweed]

Mar 9, 2016 3:25:05 GMT -8 STLUEE said:

I found that code in one of my post. I am trying to figure something out to make my forum more interesting to save it.

I have the titles above description now. The thing is they are above the row borders in the other categories. Not where the description is.

This is what I'm seeing on Chrome, FF and IE. Which one of those I marked in red is in the wrong place because I'm not seeing what you are describing.



You have board titles above descriptions, last posts below descriptions so I'm confused. Now you added some hr tags which puts a line under the board title. If that is what you are talking about move the hr tags.

[Former Member]

I drew the red line around the dark line that is keeping the board titles not above the description. Sorry, I wasn't good in art. lol

[Tumbleweed]

Mar 9, 2016 15:33:15 GMT -8 STLUEE said:

I drew the red line around the dark line that is keeping the board titles not above the description. Sorry, I wasn't good in art. lol

Those are the <hr> tags I talked about. Look in your template and try moving them so they are above the title or just removing them totally. If you remove them totally but still want something to div the boards then we can add a border-bottom to css class .boardremod

So in your css for that, look for that boardremod class and add that border:

.boardremod{
border-bottom: 1px solid black;
}

[Former Member]

That helped some but, there are still a few off center.

[Tumbleweed]

Mar 10, 2016 16:21:14 GMT -8 STLUEE said:

That helped some but, there are still a few off center.

The one with the welcome image is messed up because the image is taller that the text. If you are going to have images to replace text, I'd make sure they are all the same size. But you could add this to the bottom of your style sheet to make all the board titles the same height as the one with the image:

.boardlink .link{line-height:22px;

}

And the last board in the category is messed up because of the width set in the template. For all the other boards the width is 514 (and the px is missing in that inline style) and the last board has a 100% width. I don't know if that was something you did or how you got the template but if I were you, I'd go to Alisha at Adoxography as it is her template sort of ( and I say sort of because most of it is thanks to Ipokemon).  If you think it is something you messed up then maybe I can help but I'm going to need your whole template to figure it out and probably any css you have with it. Rather than post Alisha's template here, though, you may want to pm it to me. I don't want her upset that people could get it here and not join their site to get it. But please go to Alisha first if you know you didn't do mess up the widths and it came that way.

[Former Member]

I need to get rid of that extra black line under the topic title. I didn't mess with the width except in the visual editor.

[Tumbleweed]

Resolved via pm since we didn't want to post theme template layouts from another site.