Mini-Profile for Welcome PM 1.1.0

[Dave]

Feb 4, 2020 8:56:33 GMT -8 𝓡𝕖𝕥𝕣𝕖𝕒𝕕 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 𝓡𝕖𝕥𝕣𝕖𝕒𝕕

   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

[𝓡𝕖𝕥𝕣𝕖𝕒𝕕]

Feb 4, 2020 9:16:36 GMT -8 Dave 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 Ordonez]

Dave, 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.

[Dave]

Feb 4, 2020 10:28:16 GMT -8 𝓡𝕖𝕥𝕣𝕖𝕒𝕕 said:

Feb 4, 2020 9:16:36 GMT -8 Dave 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 𝓡𝕖𝕥𝕣𝕖𝕒𝕕, 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 Ordonez said:

Dave , 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 Ordonez, I'll throw this in to keep it fastened down.

[𝓡𝕖𝕥𝕣𝕖𝕒𝕕]

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

   lol 𝓡𝕖𝕥𝕣𝕖𝕒𝕕, 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.

[𝓡𝕖𝕥𝕣𝕖𝕒𝕕]

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

Dave, 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.

[EagleEye]

Feb 4, 2020 11:41:48 GMT -8 𝓡𝕖𝕥𝕣𝕖𝕒𝕕 said:

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

Dave , 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