Solved: 6 Months, 2 Weeks, 2 Days ago Text outside
#1
Solved: 6 Months, 2 Weeks, 2 Days ago
   
Hello..can anyone help me to fix those text
[Image: banner.gif]
Reply
#2
Solved: 6 Months, 2 Weeks, 2 Days ago
Maybe you need to set word-wrap (https://www.w3schools.com/cssref/css3_pr_word-wrap.asp) or overflow-wrap (https://developer.mozilla.org/en-US/docs...rflow-wrap) for that block.

There's also a word-break rule. See the difference of them via https://stackoverflow.com/a/1795878/6681141 (and the highly voted comment).
Could be wrong but worth a try.
Reply
#3
Solved: 6 Months, 2 Weeks, 2 Days ago
I am new mybb and in programming.. can you help me with more Details
[Image: banner.gif]
Reply
#4
Solved: 6 Months, 2 Weeks, 2 Days ago
You didn't provide a link to exactly where you see that problem in your screenshot, but I see it in the initial forum display.

You have a conflict in the theme. Column widths are specified in the theme by percentage, and the text problem shows if you go to a narrow browser display. You've turned off template identifiers in your source, so I only looked at one place, as an example.

in the template forumbit_depth2_forum, trow2 has a hard-coded style="white-space: nowrap". This specification probably occurs in other templates. This spec is default and I wouldn't really want to change it, because you could end up with 4 lines in the Last Post column. It will break the flow.

Text in that column is hard-coded in the templates also, and in other similar templates throughout, as class="smalltext". This spec is default, and if you change it in one template you will have inconsistent display elsewhere and your forum will just be "off" visually from one page to another.

smalltext is defined in your global.css as 14px and Roboto Condensed. The combination of size and font makes the page readable.

The forum display on the index page is generated by hardcoded functions. Lastpost_subject is truncated to 25 characters. This could be made shorter with a core edit, but it will be a customization to redo with every software upgrade.

So, the conflict is between 1) too short a column, 2) nowrap specification, 3) too large a font, and 4) too many characters.

An easier fix is to edit global.css for a smaller size to strike a balance between the conflict elements.

Use your desktop browser tools to call up Web Developer Tools. This will help let you see where the element formats are coming from.

Theme templates also define column widths, either as fixed amount, minimum and max amount, or percentage.

It appears you're using iAndrew's iGame theme, free but non-responsive. Consider stepping up to his responsive paid theme.

Probably way more detail than you expected, but it may be helpful in the long run to see how theme elements work together. Hope it helps.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)