Wrapping text around avatar

Home Forums General Discussions bbPress Wrapping text around avatar

This topic contains 0 replies, has 1 voice, and was last updated by  MicroTraxx 2 years, 1 month ago.

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #165

    MicroTraxx
    Keymaster

    Playing around to see if I can make the text wrap around the Avatar. No luck so far. I even tried to modify the bbPress.css without any luck .. tried to find where I could add float: Left; to the Avatar. Again, no results. I am starting to think that there is something else beside changing the float for the Avatar IMG – which means I need to read up on that part of CSS.

    A couple of bits of code from bbpress.css I was looking at ..

    Made a couple of attempts to change the code below but nothing happened ..

    /* This would appear to be the avatar. Tried changing to float: left; */
    
    #bbpress-forums div.bbp-forum-author img.avatar,
    #bbpress-forums div.bbp-topic-author img.avatar,
    #bbpress-forums div.bbp-reply-author img.avatar {
    	border: none;
    	max-width: 80px;
    	padding: 0;
    	margin: 12px auto 0 auto;
    	float: none;
    }
    /* There is a padding-left: 80px; .. would appear to be the avatar width. I tried replacing that with 10px*/
    
    	#bbpress-forums .bbp-body div.bbp-reply-author {
    		margin: -15px 10px 10px;
    		min-height: 100px;
      		padding-left: 80px;  
    		position: relative;
    		text-align: left;
    		width: 100%;

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo, sapien iaculis congue pharetra, est ipsum volutpat neque, ultricies finibus enim justo a nunc. Integer commodo eu ex in ultricies. Cras condimentum urna quis lectus dictum, vel congue massa bibendum. Phasellus tincidunt eu mi facilisis porttitor. Phasellus imperdiet nunc sodales lorem egestas maximus. Ut egestas sed nulla in lobortis. In hac habitasse platea dictumst. Etiam et aliquet ligula. Sed faucibus orci arcu, vitae efficitur neque feugiat ac. Nam ullamcorper eleifend maximus.

    Vestibulum fringilla eros nulla, vitae imperdiet eros imperdiet id. Donec condimentum facilisis mauris, at pellentesque sapien efficitur in. Etiam et dolor ac nisl congue porta at ut sapien. Ut viverra tortor a arcu dignissim pellentesque. Praesent quis maximus diam. In elementum magna velit, non dignissim tellus auctor at. Aliquam erat volutpat. Integer ac massa ac felis dictum mattis. Praesent placerat lacus dui. Aenean quis libero nisi. Ut convallis ultricies ex, at eleifend ex volutpat at. Nunc ante justo, scelerisque sed auctor quis, ullamcorper quis dui.

    Maecenas vehicula urna ut fermentum dapibus. Aliquam tincidunt justo posuere pretium faucibus. Nullam eu pulvinar lacus. Ut auctor tortor purus, eget dictum est convallis ac. Morbi id diam pretium, lobortis tortor in, congue tortor. Fusce ut auctor leo. Phasellus vulputate bibendum felis, sed placerat nulla. Maecenas cursus porttitor arcu, quis vulputate nibh vestibulum vitae.

    Nulla a pulvinar dolor. Maecenas vitae turpis lacus. Phasellus sollicitudin eleifend felis nec tempor. Maecenas molestie pellentesque dictum. Aenean molestie metus eros, vel tristique ligula euismod eget. Nulla facilisi. Morbi elementum orci ipsum, in accumsan ex vestibulum quis. Sed facilisis sem a leo vestibulum porta. Etiam porta ultrices leo. In hac habitasse platea dictumst. Duis sodales mollis imperdiet. Mauris odio purus, lobortis pellentesque egestas a, fermentum sed quam. Maecenas eleifend, mauris eu condimentum suscipit, lectus nisl gravida nisi, id gravida lacus mauris sit amet metus. Morbi nec mattis nibh.

    Donec interdum aliquet est sit amet venenatis. Praesent dignissim libero ex, id finibus tellus imperdiet ac. Donec imperdiet ornare libero, ac cursus orci pharetra sed. Cras a risus et libero suscipit elementum. Etiam a suscipit enim, nec bibendum diam. Duis diam metus, faucibus nec sem vel, consectetur varius urna. Aenean suscipit viverra tincidunt.

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.