The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Forum appearance problems

2 posters

Go down

Forum appearance problems Empty Forum appearance problems

Post by jkh October 24th 2016, 9:30 am

Forum appearance problems Michae11

Forum appearance problems Michae10

Good morning all,

I have a couple of problems I hope you can help me with.

In the first screenshot my forum Homepage looks normal, but in the second one it doesn't if the browser is narrowed - the name goes out of alignment and makes the forum Homepage look messy. Is there a way to keep everything uniform please?

Also, how do I get the avatars to appear in a double circle like SLGray as opposed to in a single circle like 'Michael99'?

Forum appearance problems Slgray10


Forum appearance problems Michae11

Thank you in advance.
jkh
jkh
Forumember

Posts : 613
Reputation : 17
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by Ace 1 October 24th 2016, 3:10 pm

@jkh

Can you give a forum link please?
Ace 1
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by jkh October 24th 2016, 5:01 pm

Hi

It's this http://jillhavern.forumotion.net/

As I say, when you narrow the forum width the members names go out of alignment.
Very annoying!
It must be look awful on a mobile phone/iPad.
jkh
jkh
Forumember

Posts : 613
Reputation : 17
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by Ace 1 October 24th 2016, 6:40 pm

Two questions.

1. What browser are you using when the alignment gets out of whack?

2. For the circle, do you want that in the Last Posts section only? Or also within the topics?
Ace 1
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by jkh October 24th 2016, 7:09 pm

Ace 1 wrote:Two questions.

1. What browser are you using when the alignment gets out of whack?

2. For the circle, do you want that in the Last Posts section only? Or also within the topics?

It goes out of alignment with all my browsers - Firefox, Chrome, I.E., Opera Confused
Mind you, this forum does too.

Yes, I'd like the double circle for the Last Posts and within topics if you know how to do it please.

Forum appearance problems Normal11

This one looks normal

Forum appearance problems Out_of11

But this one goes out of alignment if I narrow my browser. People's names go on to the line below the date. It's not uniform. Does that happen to everyone, or is it just me?
jkh
jkh
Forumember

Posts : 613
Reputation : 17
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by Ace 1 October 24th 2016, 7:22 pm

Yeah, that's how it is for all forums, as well as all sites. Unless you have an advanced JavaScript that changes the font-size on browser resize Shocked

As for the circles, go to AP > Display > Colors > CSS Stylesheet and add this code:

Code:
#fa_popup_content > div.post .postprofile dt > a, #main-content > div.post .postprofile dt > a, #userAvatar, .avatar, .lastpost-avatar, .mod-login-avatar dt, .postprofile dt > img, td.avatar-mini img {
    background: #FFF;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
    display: inline-block;
    height: 100px;
    margin: 10px 0;
    overflow: hidden;
    padding: 3px;
    width: 100px;
}
.avatar, .lastpost-avatar, td.avatar-mini img { box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 -0 1px rgba(0,0,0,0.3); }

.lastpost-avatar, .lastpost-avatar img, td.avatar-mini img {
    height: 34px;
    width: 34px;
}

.lastpost-avatar {
    margin: 0 5px 0 0;
    padding: 2px !important;
}

This is directly from Forumotion.
Ace 1
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by jkh October 24th 2016, 7:25 pm

Great stuff! Thank you, that works a treat!

Although, not in the avatars for some reason.....?
jkh
jkh
Forumember

Posts : 613
Reputation : 17
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by Ace 1 October 24th 2016, 7:34 pm

Change the CSS to this:

Code:
#fa_popup_content > div.post .postprofile dt > a, #main-content > div.post .postprofile dt, #userAvatar, .avatar, .lastpost-avatar, .mod-login-avatar dt, .postprofile dt > img, td.avatar-mini img {
    background: #FFF;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
    display: inline-block;
    height: 100px;
    margin: -3px;
    overflow: hidden;
    padding: 3px;
    width: 100px;
}
.avatar, .lastpost-avatar, td.avatar-mini img { box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 -0 1px rgba(0,0,0,0.3); }
 
.lastpost-avatar, .lastpost-avatar img, td.avatar-mini img {
    border-radius: 100px;
    height: 34px;
    width: 34px;
}
 
.lastpost-avatar {
    margin: 0 5px 0 0;
    padding: 2px !important;
}


Last edited by Ace 1 on October 24th 2016, 7:46 pm; edited 1 time in total
Ace 1
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by jkh October 24th 2016, 7:39 pm

Hmmmm....that's changed it to a circle within a square.....
jkh
jkh
Forumember

Posts : 613
Reputation : 17
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by Ace 1 October 24th 2016, 7:48 pm

@jkh, Sorry I was kind of rushing and forgot about that. I edited my post. It should work now.
Ace 1
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by jkh October 24th 2016, 7:50 pm

Nope, it's now gone back to the circle in the avatar not being central!
jkh
jkh
Forumember

Posts : 613
Reputation : 17
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by Ace 1 October 24th 2016, 7:54 pm

Can you screenshot it for me? It looks fine on your forum.
Ace 1
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by jkh October 24th 2016, 7:56 pm

Forum appearance problems Avatar10

Also, everyone's usernames have disappeared.
jkh
jkh
Forumember

Posts : 613
Reputation : 17
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by Ace 1 October 24th 2016, 8:14 pm

Hmm... Can you link me to that topic?
Ace 1
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by jkh October 24th 2016, 8:16 pm

Ace 1 wrote:Hmm... Can you link me to that topic?

It happens in all the topics.

If you look at this thread, for instance, no one's name appears in their avatars anymore
http://jillhavern.forumotion.net/t13116p75-tapas-9-russel-o-brien#351330
jkh
jkh
Forumember

Posts : 613
Reputation : 17
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by Ace 1 October 24th 2016, 8:32 pm

Ohh, I made an account and it's completely different.

This should work:

Code:
#fa_popup_content > div.post .postprofile dt > a, #main-content > div.post .postprofile dt > a, #userAvatar, .avatar, .lastpost-avatar, .mod-login-avatar dt, .postprofile dt > a > img, td.avatar-mini img {
    background: #FFF;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
    display: inline-block;
    height: 100px;
    margin: 10px 0;
    overflow: hidden;
    padding: 5px;
    width: 100px;
}

.postprofile dt > a > img { padding: 0; margin: 0; box-shadow: none; }

.avatar, .lastpost-avatar, td.avatar-mini img { box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 -0 1px rgba(0,0,0,0.3); }
 
.lastpost-avatar, .lastpost-avatar img, td.avatar-mini img {
    border-radius: 100px;
    height: 34px;
    width: 34px;
}
 
.lastpost-avatar {
    margin: 0 5px 0 0;
    padding: 2px !important;
}

Sorry for the confusion @jkh
Ace 1
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by jkh October 24th 2016, 8:35 pm

We're getting there!
The names have reappeared but the circle in the avatar isn't central again.

Forum appearance problems Avatar11
jkh
jkh
Forumember

Posts : 613
Reputation : 17
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by Ace 1 October 24th 2016, 8:42 pm

@jkh

Code:
fa_popup_content > div.post .postprofile dt > a, #main-content > div.post .postprofile dt > a, #userAvatar, .avatar, .lastpost-avatar, .mod-login-avatar dt, .postprofile dt > a > img, td.avatar-mini img {
    background: #FFF;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
    display: inline-block;
    height: 100px;
    margin: 10px 0;
    overflow: hidden;
    padding: 5px;
    width: 100px;
}
 
.postprofile dt > a > img { padding: 0 !important; margin: 0; box-shadow: none; }
 
.avatar, .lastpost-avatar, td.avatar-mini img { box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 -0 1px rgba(0,0,0,0.3); }
 
.lastpost-avatar, .lastpost-avatar img, td.avatar-mini img {
    border-radius: 100px;
    height: 34px;
    width: 34px;
}
 
.lastpost-avatar {
    margin: 0 5px 0 0;
    padding: 2px !important;
}

This should be good.
Ace 1
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by jkh October 24th 2016, 8:45 pm

Yay!!!!! You've sorted it! Well done and thank you!
jkh
jkh
Forumember

Posts : 613
Reputation : 17
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by Ace 1 October 24th 2016, 8:48 pm

Sorry it took so long @jkh. I need to get back into the swing of helping people the first time.

No problem though.
Ace 1
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

Forum appearance problems Empty Re: Forum appearance problems

Post by jkh October 24th 2016, 8:50 pm

I'm very grateful to you. I can see it's not a simple task doing this CSS Stylesheet stuff!
jkh
jkh
Forumember

Posts : 613
Reputation : 17
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum