Forum list row height problem

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Get Involved
Locked
nalgonda
Registered User
Posts: 3
Joined: Wed May 20, 2009 7:24 pm

Forum list row height problem

Post by nalgonda » Wed May 20, 2009 7:54 pm

Hello,

I've been customizing the prosilver template to match my website's style. But after I put my customized style on my server, I've noticed that on the index page where the forums are listed, all the rows have an equal height. This causes forum explanations to overflow from its container. So, when ul.topiclist dt changes its height, ul.topiclist dl stays with the same height.

If I insert this code:

Code: Select all

ul.topiclist li.row dl {
	height: 100px;
}
it provides a temporary solution to the problem, applying a certain height to the rows. But this is not what I want. And unfortunately my knowledge on css is limited. Because I've been testing the forum on my local server I don't know at which stage of customization I got the problem.

You can see my forum here: http://www.gnostikogretiler.org/forum

I hope I made it clear enough. Can anyone please help me?

User avatar
Josh
Former Team Member
Posts: 1882
Joined: Sun Jan 25, 2009 3:08 pm
Location: Melbourne, AUS
Name: Josh Simpson
Contact:

Re: Forum list row height problem

Post by Josh » Thu May 21, 2009 7:07 am

Try opening content.css
FIND:

Code: Select all

ul.topiclist dl {
	position: relative;
}
REPLACE WITH:

Code: Select all

ul.topiclist dl {
	overflow: hidden;
	position: relative;
}
Josh Simpson- Formerly known as "HardStyle"
Styles: Submission Policy | Database | Knowledge Base | Demo
Please do not PM me for personal support.
Image

User avatar
Manhattan
Registered User
Posts: 211
Joined: Fri Nov 28, 2008 7:55 pm

Re: Forum list row height problem

Post by Manhattan » Thu May 21, 2009 9:27 am

HardStyle, your solution is correct, but the main cause of this problem is omission of tweaks.css from stylesheet.css!
nalgonda, open your stylesheet.css and add this:

Code: Select all

@import url("tweaks.css");

nalgonda
Registered User
Posts: 3
Joined: Wed May 20, 2009 7:24 pm

Re: Forum list row height problem

Post by nalgonda » Thu May 21, 2009 3:02 pm

Thank you both! It is back to normal now. I guess I had just accidentally deleted the tweaks.css line in stylesheet.css when I was modifying. ;)

Locked

Return to “[3.0.x] Styles Support & Discussion”