Mini-Profile for Welcome PM 1.1.0

[Former Member]

Feb 4, 2020 8:56:33 GMT -8 Retread said:

If you want it to remain within the MP, position:absolute; will difficult to work with. There, your reference point is on the entire page. Probably better if you delete the last three lines of the styling.

The width of that div will normally be auto, so it will fill whatever width that's available in the parent container. Maybe declare the width, and use margin-left:auto; to shift it to the right?

   Hi Retread

   You mean like the below ..

   /*CSS for Welcome PM Mini Profile*/

.mini-welcome .group-tag {font-size: 10px;

font-weight: bold;

text-transform: uppercase;

text-align: center;

background-color: #111;

box-shadow: 0px 0px 2px #000;

background-image: url(http://images.proboards.com/v5/gradients/sexy.png);

color: #fff;

text-shadow: 2px 2px 2px #000;

border-radius: 0 0 0 10px;

-webkit-border-radius: 0 0 0 10px;

padding: 3px 6px;

margin-left:auto;

/*position: absolute;

top: 0px;

right: 0px;*/

}

  It seems the CSS isnt targetting the div though as nothing happening lol 

  Cheers
  Dave

[Retread]

Feb 4, 2020 9:16:36 GMT -8 Dave B said:

It seems the CSS isnt targetting the div though as nothing happening lol 

If you're not seeing Forum Staff in ALL-CAPS and with the background color you defined, etc, check to be sure the addition you made to the Style Sheet is on the same theme you're using to view your forum.

[Brian]

Dave B, you can assign a position: relative; style to .mini-welcome to get the absolute positioned group tag to remain within the mini-profile.

Absolute positioned elements will be positioned around the entire body of the page unless they're a descendant of a relative positioned element, in which case they'll be positioned around the boundaries of that element.

[Former Member]

Feb 4, 2020 10:28:16 GMT -8 Retread said:

Feb 4, 2020 9:16:36 GMT -8 Dave B said:

It seems the CSS isnt targetting the div though as nothing happening lol 

If you're not seeing Forum Staff in ALL-CAPS and with the background color you defined, etc, check to be sure the addition you made to the Style Sheet is on the same theme you're using to view your forum.

   lol Retread, im ashamed to say this was the case .. I forgot i made a copy of my default theme last night for playing around with and not this is working

Feb 4, 2020 11:11:31 GMT -8 Brian said:

Dave B , you can assign a position: relative; style to .mini-welcome to get the absolute positioned group tag to remain within the mini-profile.

Absolute positioned elements will be positioned around the entire body of the page unless they're a descendant of a relative positioned element, in which case they'll be positioned around the boundaries of that element.

   Cheers Brian, I'll throw this in to keep it fastened down.

[Retread]

Feb 4, 2020 11:19:43 GMT -8 Dave B said:

   lol Retread, im ashamed to say this was the case .. I forgot i made a copy of my default theme last night for playing around with and not this is working [/quote]Been there, done that. That's why I guessed it might be the case.

[Retread]

Feb 4, 2020 11:11:31 GMT -8 Brian said:

Dave B, you can assign a position: relative; style to .mini-welcome to get the absolute positioned group tag to remain within the mini-profile.

Absolute positioned elements will be positioned around the entire body of the page unless they're a descendant of a relative positioned element, in which case they'll be positioned around the boundaries of that element.

I did not know that.

/Ed McMahon voice

So at least two people learned something new from your post.

Namaste.

[CrazyBoy]

Feb 4, 2020 11:41:48 GMT -8 Retread said:

Feb 4, 2020 11:11:31 GMT -8 Brian said:

Dave B , you can assign a position: relative; style to .mini-welcome to get the absolute positioned group tag to remain within the mini-profile.

Absolute positioned elements will be positioned around the entire body of the page unless they're a descendant of a relative positioned element, in which case they'll be positioned around the boundaries of that element.

I did not know that.

/Ed McMahon voice

So at least two people learned something new from your post.

Namaste.

Say three

Thank's Brian