Minor modifications help!

[420Connect.co.uk]

5/6 issues now solved.. - scroll to bottom

Hello everyone,
I hope everyone is well!

I've taken a few screenshots and merged them to show a few minor annoyances about my forum..

I've had a look for existing MOD's but they're now outdated etc.

Happy to post any files required and I appreciate any help given!

(see attachment)


Thank you

[Gwenwyfar]

I'll leave the php file edits to someone with more time, but for the css stuff, as long as these things weren't changed much on your theme, this should work:

Code Select Expand


#guest_form {
   color: white;
}

.poster {
   text-align: center;
}

Add that to the bottom of your css file.

[420Connect.co.uk]

Awesome -  thank you!

would I add "color: white;" somewhere else to make the date and time under "hello [username]" white also?

thanks!

[Gwenwyfar]

Yes, that one's just for the guest form. You can change that part to this to include the date:

#guest_form, #upper_section .user {
   color: white;
}

[420Connect.co.uk]

Thanks for the reply!

I've just noticed a weird issue that's just started happening:
hopefully you can help


(posts have a huge spacing issue)

[420Connect.co.uk]

.

I made an updated picture of problems for anyone willing to help..

Version: 2.0.9
Theme: Apple (with tweaks)

Index.css attached and I can upload board.index's etc if need be!

I'm trying things myself but fear I'll make anything worse and/or create new problems..

Thank you!

[Gwenwyfar]

Can't really tell you what's wrong without seeing your code/your forum. The code above, if you inserted it correctly, should have had no effect on any sort of positioning or sizes (which are what could cause the problem you see).

[420Connect.co.uk]

I'm happy to upload any files if you wouldn't mind taking a look through them (or make you an account?)

thanks again for helping out!

[Gwenwyfar]

Ah, didn't notice you had the link on your signature before, rarely pay attention to them

Just change the part you added here:

Code Select Expand


.poster {
   text-align: center;
}

to

Code Select Expand

.poster {
   text-align: center;
   float: left;
}

[420Connect.co.uk]

Ahhhhhhhhh!

Thank you, Thank you, Thank you, Thank you, Thank you x 1000000000 :DDD

That worked perfectly!

1/5

Feel free to help solve any of the other 4!

[Deaks]

1. 42's answer should fix that
2. will need to alter the padding and margins
3. http://custom.simplemachines.org/mods/index.php?mod=1410 < try this mod (should work I made it then sold it lol)
4. need Display.template.php to remove that
5. is this in your profile area? what mods do you have installed could be a duplicate code :?

[420Connect.co.uk]

Thank you very much Bry!
You're a true legend!

1. (now solved)
2. still to play with
3. actually solved this myself by removing:

Code Select Expand

[size=8pt]"<ul class="reset">
<li class="floatleft"><img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'new_some.png" alt="" /> ', $txt['new_posts'], '</li>
<li class="floatleft"><img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'new_none.png" alt="" /> ', $txt['old_posts'], '</li>
<li class="floatleft"><img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'new_redirect.png" alt="" /> ', $txt['redirect_board'], '</li>
</ul>"[/size]
from boardindex

4. Display.template.php - (attached now)
5. Yes - on a users profile page.

MODS:

1.   Ultimate Profile   0.9.1   [ Uninstall ]
2.   Country Flags   2.1   [ Uninstall ]
3.   NiceTooltips   1.9   [ Uninstall ]
4.   Badge Awards   1.0.15   [ Uninstall ]
5.   Additional Membergroups on Profile   1.2   [ Uninstall ]
6.   AdditionalMembergroups   1.04   [ Uninstall ]
7.   SMFPacks Shoutbox Pro   1.0.8   [ Uninstall ]
8.   Remove Help From Menu   1.0   [ Uninstall ]
9.   SA Facebook   2.0.5   [ Uninstall ]
10.   Stop Forum Spam   1.0   [ Uninstall ]
11.   Bad Behavior mod   1.5.18   [ Uninstall ]
12.   SimplePortal   2.3.6   [ Uninstall ]
13.   Referrals System   3.1   [ Uninstall ]
14.   Default Avatar   2.3   [ Uninstall ]
15.   Images On Board   3.0   [ Uninstall ]
16.   Multiple Stars   V2   [ Uninstall ]
17.   Drafts   2.0.5   [ Uninstall ]
18.   Tagging System   3.0   [ Uninstall ]
19.   SA Chat   0.1.4 Rev105   [ Uninstall ]
20.   LUP: Logout Under Profile   1.0.0   [ Uninstall ]
21.   @mention members   1.1.2   [ Uninstall ]
22.   Ad Managment   3.2



Thankyou both once again!

[Deaks]

ok in the Display.template.php

look for and remove this code

Code Select Expand


// Show the member's primary group (like 'Administrator') if they have one.
if (!empty($message['member']['group']))
echo '
<li class="membergroup">', $message['member']['group'], '</li>';

[Deaks]

as for the profile one can you attach your profile.template please.

[420Connect.co.uk]

Thanks again Bry!

Attached is my profile template and I managed to remove the membergroup titles by emulating an old version and installing an older mod - worked perfectly

I also tried figuring out the margin/wrapper issue with the login button..
after lots of playing around, I managed to get the login button displayed better
however this causes other things to display incorrectly...

.css also attached!



edit: - I just thought, I'm using ultimate profile mod so you'd probably need this too/instead?

(attached)

[Deaks]

ok im not entirley sure about profile one but can you try searching for

<span class="smalltext"> ' . $context['member']['online']['text'] . '</span>

and remove it (remember backup the file) ...

[420Connect.co.uk]

Thanks again for the reply TB!

I tried what you suggested but never seen any difference so undid my changes,
I then had a look in UltimateProfile for the same line, removed it and it worked a charm!
(and repeated the process to remove another place that had the same issue)


Thank you very much again!

Current problem list!: 4/5

Last issue is my bloody login area,
I'm not 100% but I think a small piece of code would need to be added to only move certain things?

[Deaks]

issue is that user is set as a fixed width

Code Select Expand

.user {
float: right;
width: 320px;
height: 70px;
  margin-top: 0;
padding: 10px;
color: #55;
}

remoce the width attribute or increase it (even look at using a fluid width so %) also restrict the size of the .news width

[420Connect.co.uk]

I've played around with the numbers and tried %'s instead but when I fix one thing, it causes another issue

[420Connect.co.uk]

update:

after a million attempts at changing numbers, refreshing and clearing cache etc. I've managed to get it to display as close to perfect as possible.. (to my ability?)

(attached picture of logged in / out now)

Ideally the space I've marked in red wouldn't be there (user info would be further right)


Also on my quest to fix the problem I came across this:
http://css-tricks.com/the-perfect-fluid-width-layout/
It's a .css script to re-size and display things better depending on a users screen size..

I "noobily" tried pasting the .css at the end of mine..
and although it made everything look strange, some things did infact fit better and were properly aligned.
code:

Code Select Expand

* {
margin: 0;
padding: 0;
}

body {
font-size: 62.5%;
background: url(images/stripe.png) repeat;
}

p, li {
font: 1.2em/1.8em Tahoma, sans-serif;
margin-bottom: 10px;
}

h1 {
font: 2.0em Tahoma, sans-serif;
color: white;
height: 0px;
}

h2 {
font: 1.8em Tahoma, sans-serif;
color: green;
margin-bottom: 10px;
}

ul {
margin-left: 25px;
}

img {
border: none;
}

#page-wrap {
background: white;
min-width: 780px;
max-width: 1260px;
margin: 10px auto;
}
#page-wrap #inside {
margin: 10px 10px 0px 10px;
padding-top: 10px;
padding-bottom: 10px;
}

#main-content {
background: url(images/left-sidebar.gif) repeat-y white;
padding-left: 230px;
padding-top: 20px;
}

#header {
background: #267f23;
text-align: center;
}

#left-sidebar {
width: 150px;
float: left;
padding-left: 15px;
padding-top: 20px;
}

#footer {
background: #267f23;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
color: white;
}


If someone knew what they were doing and managed to combine my .css file and the above code so it displays perfectly, I would be most grateful and will try and reward you in some way when I get a chance!

(latest index.css attached)


Thanks again for all the help!
I ♥ SMF