Support Forum

Esthetical message placement

SP SPQC
SPQC
Member

When you hover a message and popup the tollbox, after click to move the message, the “New topic name” is not well positionned I think.  I think it should at least be left alligned with the box just under, or maybe centered.

 

If not clear, I’ll add a screenshot.

22 Answers

New Answer

MP Mr Papa
Mr Papa
Member

might need to because I dont see what you are referring to…

move.png
SP SPQC
SPQC
Member

Weird…  to make sure it wasn’t the theme I modified a bit, I loaded another one and it’s the same :

gl.png

Looking with Firebug, it looks like the Suffusion theme I use have this :

 

p, .p { text-align: left; }
 
This could be pretty common so an idea could by to ID it to target it properly?
MP Mr Papa
Mr Papa
Member

and this is a custom theme, right?

do you have a link to it?  though, actually, we probably wont have permission to use the forum tools…

MP Mr Papa
Mr Papa
Member

here is the inspection with firebug… note the spCenter that should make it center…

Image1.jpg
SP SPQC
SPQC
Member

oops I edited my post while you were replying.  Read above post again.

SP SPQC
SPQC
Member

Mr Papa said

here is the inspection with firebug… note the spCenter that should make it center…

Image1.jpg

Can’t read, too small.  rolleys

MP Mr Papa
Mr Papa
Member

no, we are not going to tie an id or class to every p tag… crazy… and would make for a huge css file..

but you could adjust the reset.css to do that (and we will discuss that too) or just add it to your custom theme…

SP SPQC
SPQC
Member

Mr Papa said

but you could adjust the reset.css to do that

How?  I see

 

#spMainContainer p,
 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background-color: transparent;
    font-family: <?php echo($mainFontFamily); ?>;
    font-size: 1em;
    line-height: <?php echo($mainLineHeight); ?>;
    min-height: 0;
    min-width: 0;
    float: none;
}

 

but don’t know how to reset text-align to nothing.  And if I put center in there then everything will get centered by default?

BR Brandon
Brandon
Member

Your usage of the Suffusion theme caught my eye since I use it on several sites.

You are right that it has a text align for ‘<p>’ that is causing the problem. I am thinking that in this case it is not even needed.

After looking I see the reassign also needs to be centered. I will bring up on the bug/improvements tacking site for discussion.

MP Mr Papa
Mr Papa
Member

and you can ignore my suggestion… not quite right…  rolleys  but we do have ticket open…

SP SPQC
SPQC
Member

Brandon C said

Your usage of the Suffusion theme caught my eye since I use it on several sites.

You are right that it has a text align for ‘<p>’ that is causing the problem. I am thinking that in this case it is not even needed.

After looking I see the reassign also needs to be centered. I will bring up on the bug/improvements tacking site for discussion.

Looking up a at a user’s profile where the box pop in the center, I found the same problem.  In fact, I haven’t noticed it at first with a quick look, but now I took longer to see what was shown there and I realized there was something wrong, so I took a look at Firebug and again the p, .p { text-align: left; } was there.  Disabling it thru Firebug made everything looks better but I don’t know how to disable it with CSS, I believe we cannot reset text-align.

 

Should I ask Sayontan (Suffusion) why he define this or you’ll be able to fix it everywhere?  Dunno if there is other screen that make use of it.

BR Brandon
Brandon
Member

He probably uses it as some kind of css reset.

Try putting p {text-align:inherit} in your Suffusion Options > Back end > Custom Includes area. That will override it.

I believe Steve fixed the popup deal for reassign post and Move post but it was after the last regular build (available via SVN now.)

I will ask for a look at the spProfilePopupShow.php to see if it can be changed similarly.

SP SPQC
SPQC
Member

Brandon C said

Try putting p {text-align:inherit} in your Suffusion Options > Back end > Custom Includes area. That will override it.

Worked so I guess it fixes it all…  even some less visited placed I haven’t looked at.  I will have to remember to remove it later when those 2 will have been fixed.