Avatar Box Help

Help for the new UI boards.
User avatar
CathyAnn
Joined: July 27th, 2015, 4:41 am

September 27th, 2016, 6:56 pm

Here is my code.

Image
I changed the margin from 5 then 7 and then 10.
Here is a screen shot of what it did to the first message avatar box. Which is perfect.

Image

The rest of the avatar boxes in the message didn't adjust. Here is the screen shot. You can see I have the code to wrap as well.

How do I fix these so they are all the same size.

Image

Thank you CathyAnn



Reply

User avatar
bwayne
Joined: February 5th, 2013, 11:46 pm

September 27th, 2016, 9:04 pm

This is the code I use:/*avatar area on discussion page*/div#topic_view section header {  background: #BBA198;  margin: 5px;  padding: 15px;  border: none; box-shadow: inset -4px -4px 8px #E4D6D2, inset 4px 4px 8px #E4D6D2;}/*make long names cutoff avatar area*/section article header p a {max-width: 100px; word-wrap:break-word; }
come hang with us
Reply

User avatar
CathyAnn
Joined: July 27th, 2015, 4:41 am

September 28th, 2016, 3:40 am

Ok hun I will give it a try. ty



Reply

User avatar
CathyAnn
Joined: July 27th, 2015, 4:41 am

September 28th, 2016, 3:50 am

Here is a screen shot with your code replacing mine that is shown above.

Image



Reply

User avatar
CathyAnn
Joined: July 27th, 2015, 4:41 am

September 28th, 2016, 3:52 am

Here is a link to the page


http://cathyannskintests.yuku.com/



Reply

User avatar
bwayne
Joined: February 5th, 2013, 11:46 pm

September 28th, 2016, 2:57 pm

Oh sorry CathyAnn.....Try this code in place of the second one.
/* control long names in Avatar box */section article header p  {max-width: 100px; overflow: hidden; text-overflow: ellipsis; }
I also put this code in to eliminate the avatar box in the past posts when making a reply
/*this hides the colored Avatar underneath a reply box*/div#forum_content.forum_content > div#content.container-fluid > form#post-form.form > section.border-box header { background: transparent; border: 0;}
Last edited by bwayne on September 28th, 2016, 3:03 pm, edited 1 time in total.
come hang with us
Reply

User avatar
bwayne
Joined: February 5th, 2013, 11:46 pm

September 28th, 2016, 3:16 pm

BTW, here is a link to the section of Avatar Codes on Spherical's helpful board. Pretty sure you can find the code that works for you there.

http://stillskincrazy.yuku.com/topic/30 ... -veMCRkaVA
come hang with us
Reply

User avatar
CathyAnn
Joined: July 27th, 2015, 4:41 am

September 28th, 2016, 4:04 pm

Hi Kay,
I have that code in my original that I posted up top.

I was at Martha's and goin over her codes.

Not sure what to do. BTW where is Becky?

Cath



Reply

User avatar
CathyAnn
Joined: July 27th, 2015, 4:41 am

September 28th, 2016, 4:24 pm

Ok, I just hid the member since, post count, and ip address.

CathyAnn



Reply

User avatar
bwayne
Joined: February 5th, 2013, 11:46 pm

September 28th, 2016, 8:07 pm

Cool.....I meant to say something about that since I have those hidden in mine......To me that is not any info that needs to be public.......
come hang with us
Reply