The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Forum appearance problems

View previous topic View next topic Go down

Forum appearance problems

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





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'?






Thank you in advance.

jkh
Forumember

Posts : 184
Reputation : 6
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: Forum appearance problems

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

@jkh

Can you give a forum link please?

Ace 1
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Re: Forum appearance problems

Post by jkh on 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
Forumember

Posts : 184
Reputation : 6
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: Forum appearance problems

Post by Ace 1 on 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
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Re: Forum appearance problems

Post by jkh on 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.



This one looks normal



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
Forumember

Posts : 184
Reputation : 6
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: Forum appearance problems

Post by Ace 1 on 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
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Re: Forum appearance problems

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

Great stuff! Thank you, that works a treat!

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

jkh
Forumember

Posts : 184
Reputation : 6
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: Forum appearance problems

Post by Ace 1 on 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
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Re: Forum appearance problems

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

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

jkh
Forumember

Posts : 184
Reputation : 6
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: Forum appearance problems

Post by Ace 1 on 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
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Re: Forum appearance problems

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

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

jkh
Forumember

Posts : 184
Reputation : 6
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: Forum appearance problems

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

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

Ace 1
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Re: Forum appearance problems

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



Also, everyone's usernames have disappeared.

jkh
Forumember

Posts : 184
Reputation : 6
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: Forum appearance problems

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

Hmm... Can you link me to that topic?

Ace 1
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Re: Forum appearance problems

Post by jkh on 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
Forumember

Posts : 184
Reputation : 6
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: Forum appearance problems

Post by Ace 1 on 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
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Re: Forum appearance problems

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

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


jkh
Forumember

Posts : 184
Reputation : 6
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: Forum appearance problems

Post by Ace 1 on 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
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Re: Forum appearance problems

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

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

jkh
Forumember

Posts : 184
Reputation : 6
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: Forum appearance problems

Post by Ace 1 on 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
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Re: Forum appearance problems

Post by jkh on 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
Forumember

Posts : 184
Reputation : 6
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

View previous topic View next topic Back to top


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