J JMEWLS Active member Nov 26, 2013 #1 I can't seem to make them all a certain width. I've added width:100px; to the threadprefix.css. Tried to wrap the prefix in <span style="width:100px;">... Any ideas?
I can't seem to make them all a certain width. I've added width:100px; to the threadprefix.css. Tried to wrap the prefix in <span style="width:100px;">... Any ideas?
P Paul B XenForo moderator Staff member Nov 26, 2013 #2 Try: Code: .discussionListItem .prefix, .searchResult .prefix { width: 100px; } Upvote 0 Downvote
J JMEWLS Active member Nov 26, 2013 #3 Brogan said: Try: Code: .discussionListItem .prefix, .searchResult .prefix { width: 100px; } Click to expand... Still no change added the !important extension too. :/ Upvote 0 Downvote
Brogan said: Try: Code: .discussionListItem .prefix, .searchResult .prefix { width: 100px; } Click to expand... Still no change added the !important extension too. :/
Shelley Well-known member Nov 26, 2013 #4 JMEWLS said: Still no change added the !important extension too. :/ Click to expand... Have you tried replacing what brogan gave you ".prefix" with your own class prefix names? The css brogan supplied works. Example my prefix class for one of the prefixes is ".BBtutorial so I inserted the following Code: .discussionListItem .BBTutorial, .searchResult .BBTutorial { width: 200px; } Upvote 0 Downvote
JMEWLS said: Still no change added the !important extension too. :/ Click to expand... Have you tried replacing what brogan gave you ".prefix" with your own class prefix names? The css brogan supplied works. Example my prefix class for one of the prefixes is ".BBtutorial so I inserted the following Code: .discussionListItem .BBTutorial, .searchResult .BBTutorial { width: 200px; }
P Paul B XenForo moderator Staff member Nov 26, 2013 #5 Worked for me. On which page are you trying to set the widths? Upvote 0 Downvote
J JMEWLS Active member Nov 26, 2013 #6 I've got a series of nba team prefixes on my website. Last edited: Nov 27, 2013 Upvote 0 Downvote
J JMEWLS Active member Nov 26, 2013 #7 Shelley said: Have you tried replacing what brogan gave you ".prefix" with your own class prefix names? The css brogan supplied works. Example my prefix class for one of the prefixes is ".BBtutorial so I inserted the following Code: .discussionListItem .BBTutorial, .searchResult .BBTutorial { width: 200px; } View attachment 61942 Click to expand... Yes tried this also, didn't seem to work. Upvote 0 Downvote
Shelley said: Have you tried replacing what brogan gave you ".prefix" with your own class prefix names? The css brogan supplied works. Example my prefix class for one of the prefixes is ".BBtutorial so I inserted the following Code: .discussionListItem .BBTutorial, .searchResult .BBTutorial { width: 200px; } View attachment 61942 Click to expand... Yes tried this also, didn't seem to work.
Shelley Well-known member Nov 26, 2013 #8 try Code: .discussionListItem .prefix, .searchResult .prefix { display: block; width: 100px; } Upvote 0 Downvote
P Paul B XenForo moderator Staff member Nov 26, 2013 #9 You've got some issues with your style - the avatars aren't displayed in the thread previews for example. Do you have any outdated templates? Upvote 0 Downvote
You've got some issues with your style - the avatars aren't displayed in the thread previews for example. Do you have any outdated templates?
J JMEWLS Active member Nov 26, 2013 #10 Shelley said: try Code: .discussionListItem .prefix, .searchResult .prefix { display: block; width: 100px; } Click to expand... Width looks great, however the titles not next to the prefix now. Upvote 0 Downvote
Shelley said: try Code: .discussionListItem .prefix, .searchResult .prefix { display: block; width: 100px; } Click to expand... Width looks great, however the titles not next to the prefix now.
J JMEWLS Active member Nov 26, 2013 #11 Brogan said: You've got some issues with your style - the avatars aren't displayed in the thread previews for example. Do you have any outdated templates? Click to expand... I ended up coding in images instead of the avatars. No outdated templates on my side either. Upvote 0 Downvote
Brogan said: You've got some issues with your style - the avatars aren't displayed in the thread previews for example. Do you have any outdated templates? Click to expand... I ended up coding in images instead of the avatars. No outdated templates on my side either.
Shelley Well-known member Nov 26, 2013 #12 JMEWLS said: Width looks great, however the titles not next to the prefix now. Click to expand... replace "block" with "inline-block" that should correct it. Upvote 0 Downvote
JMEWLS said: Width looks great, however the titles not next to the prefix now. Click to expand... replace "block" with "inline-block" that should correct it.
J JMEWLS Active member Nov 27, 2013 #13 Shelley said: replace "block" with "inline-block" that should correct it. Click to expand... Perfect, thanks for the support! Upvote 0 Downvote
Shelley said: replace "block" with "inline-block" that should correct it. Click to expand... Perfect, thanks for the support!