Center User Banners

[CommanderMadi]

Hello, by default user banners are centred, wrapped and looking good.

But when I switch to portrait mode or sign in from mobile, the users banners are not centered as seen in the attachment.

I tried editing the CSS in message_user_info as follows:
I added:
margin: 0 auto;
text-align: center;

.Responsive .messageUserBlock .userBanner
    {
        max-width: 150px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        position: static;
        display: inline-block;
       margin: 0 auto;
       text-align: center;
    }

But still no hope. What shall I do?

 

[Russ]

Try this in extra.css:

@media (max-width:@maxResponsiveNarrowWidth) {
.Responsive .messageUserBlock h3.userText { text-align: center; }
}

Let me know if that works.

 

[CommanderMadi]

Try this in extra.css:

@media (max-width:@maxResponsiveNarrowWidth) {
.Responsive .messageUserBlock h3.userText { text-align: center; }
}

Let me know if that works.

Tried it but still won't work.

 

[Russ]

I'll need to see your site live and I can apply a fix then.(tried looked like was closed for the time being)

 

[CommanderMadi]

I'll need to see your site live and I can apply a fix then.(tried looked like was closed for the time being)

Yes because I am planning a launch after 2 days. But here you go I temporarily opened it for you.

www.simsarena.com

 

[Russ]

Can you make a post real quick on a public node

 

[CommanderMadi]

Can you make a post real quick on a public node

http://www.simsarena.com/threads/test-for-russ.4/

 

[Russ]

HMmm the css i gave you isn't working. Do you have anything else in extra.css? Can you try placing the code I gave you at the top of the extra.css?

 

[CommanderMadi]

okay one second. But I am pretty sure there are no more-specific css rules in extra css.

 

[CommanderMadi]

Oh my bad. it worked when I moved it up! Hmmm, I must have had put a similar CSS rule. Thank you man.

 

[CommanderMadi]

Can you tell me how to make the "Post a New Thread" hover with another color? What is the rule for it?

 

[Russ]

I had you test at the top because if you have invalid CSS somewhere on the extra.css file sometimes it will block any of the CSS below from loading. So you may want to double check the CSS you have going on, run it through:
https://jigsaw.w3.org/css-validator/

Let me know if you need any further help.

 

[Russ]

Can you tell me how to make the "Post a New Thread" hover with another color? What is the rule for it?

Style Properties -> Buttons -> Call to action hover