Our FamilyForum

FamilyForum Documentation & Help => FamilyForum Features & Guidelines => Code & Stuff => Topic started by: Skhilled on December 29, 2020, 06:17:12 AM

Title: Design Happy New Year Theme Fixes
Post by: Skhilled on December 29, 2020, 06:17:12 AM

To fix the user area at the top right after the user logs in...where the avatar is showing. index.css - line 1507. Note that only the last two lines have been changed:

Change this:

Code: [Select]

div.top_section div.user {
    background: url("../images/theme/user_bg.png") no-repeat scroll 0 -8px transparent;
    float: left;
    font-size: 11px;
    height: 80px;
    overflow: auto;
    color: #fff;
    padding-left: 12px;
    width: 340px;
}
To this:

Code: [Select]

div.top_section div.user {
    background: url("../images/theme/user_bg.png") no-repeat scroll 0 -8px transparent;
    float: left;
    font-size: 11px;
    height: 80px;
    overflow: auto;
    color: #fff;
    padding-left: 0px;
    width: 345px;
}

Title: Re: Design Happy New Year Theme Fixes
Post by: Ken on December 29, 2020, 08:26:06 AM

Steve, is this for a specific theme?

Title: Re: Design Happy New Year Theme Fixes
Post by: Skhilled on December 29, 2020, 08:29:38 AM

This theme...as shown in the copyright???  :rofl2

Also the grey block that is showing behind it need to be longer lengthwise which would help.

Title: Re: Design Happy New Year Theme Fixes
Post by: Ken on December 29, 2020, 09:59:42 PM

OK, except for me the avatar is showing on the left side of the page.

I'll try to look at this tomorrow, it has been a little rough for the past couple of days.

Title: Re: Design Happy New Year Theme Fixes
Post by: Skhilled on December 29, 2020, 10:05:44 PM

Yes, that grey box needs to be longer.

There's other issues as well like the search box and the posts section being cutoff on the forum page on the right. Was just looking to see if I can widen the forum to make it show. I collapsed the left TP column and it breaks at the top where the title bars are.

Title: Re: Design Happy New Year Theme Fixes
Post by: Skhilled on December 29, 2020, 10:08:46 PM

And the search box should wider...the background image.

Title: Re: Design Happy New Year Theme Fixes
Post by: Ken on December 29, 2020, 10:14:31 PM

Yeah, it def has issues.  laughing7
Actually, it's a small wonder that it runs because it's really old (Dec. 2011 (http://ifandbut.com/talk/index.php?topic=186.0))

Title: Re: Design Happy New Year Theme Fixes
Post by: Skhilled on December 29, 2020, 10:18:15 PM

Yeah, I can tell. LOL I came here to make a post and started noticing the other issues too.

Title: Re: Design Happy New Year Theme Fixes
Post by: Skhilled on December 31, 2020, 03:04:18 AM

Try these two images that I've stretched to see how well they fit. Just drop both in the /images/theme for this theme.

And I'm starting to think part of the avy size issue has to do with the smf admin settings for avy size.

EDIT: BTW, the following code will widen the forum so the posts section will fit on the Home page. Just change the width but it breaks TP. I assume it's not designed well for TP since it breaks it and some of the SMF catbg's (title bars), etc.

Code: [Select]

div.wrapper  {
width: 1080px;
margin: 0 auto;
}