Skip to:
Content
Pages
Categories
Search
Top
Bottom

Wrapping text around profile pic in post

  • Avatar of Kevin Schafer
    Kevin M. Schafer
    Participant

    @km-schafer-1

    On my BuddyPress installation, my profile name is long enough to where my name is split into two lines. This is fine; however, the first line of my post begins below my picture and name.

    You can see here of what I’m referring: http://www.gumpolen.com/blog/category/city-desk/

    If we could have the post text wrap around the profile picture and name, that would really tighten up the thread vertically and remove a lot of “hubins,” as we call them in the printing business, pronounced “hewbins.” Hubins are a lot of blank space. Some space is needed to allow the eye a chance to find references, such as a single post among many, but once a post’s parameter is defined with the eye, the space within that post can be set at somewhat of a minimum. Any extended or greater white space within a thread would simply be reserved for spaces between individual posts.

    I don’t have the ability to do what you folks do. I admire and respect what you’ve built. In my limited capacity of understanding, I’m simply able to utilize your final product, which is, of course, the front end of BuddyPress. I very much enjoy writing — not code like you, but news and stories — and after many, many years, I’ve trained myself to look at my work once it’s completed and reexamine it and see how the everyday individual would interpret it or what type of impression it may place upon them. It’s simply a frame of mind, which amounts to getting one’s self to rediscover something as if it’s brand new, even though you’re the one who had created it in the first place.

    This is just an idea. Perhaps this extra space in my thread is a product of the BP Columns child theme that I have installed on BuddyPress. I’m not sure, exactly, but I wanted to share this thought with you.

    Thanks for reading.

    Kevin

Viewing 5 replies - 1 through 5 (of 5 total)
  • Avatar of Kevin Schafer
    Kevin M. Schafer
    Participant

    @km-schafer-1

    I’m sorry, I thought I put this comment in the Idea forum. I apologize for this.

    Avatar of Hugo
    Hugo
    Moderator

    @hnla

    Perhaps this extra space in my thread is a product of the BP Columns child theme that I have installed on BuddyPress

    Well test that then, drop back to bp default theme!

    I’m afraid that if people wish different styling then they need to get familiar with the code to perform that, a provided theme can only be a best fit to suit many, if you start to adjust that base theme then you risk doing something others may not like.

    fwiw it is the bp columns custom styling causing this perceived problem:

    div.post .entry {

        clear: both;

    }
    Remove that line and the post entry will align to the right of the avatar and if allowed the text will wrap, however the manner in which things have been written means this will cause other styling issues that would have to be addressed.

    Avatar of Kevin Schafer
    Kevin M. Schafer
    Participant

    @km-schafer-1

    @hnla Okay, I’ll give this a try. Thanks. I appreciate your reply.

    I’m an expert in my field, just as you’re an expert in yours. Fortunately, I come to you for help. Many people just crank out their own business cards and letterheads from their computers at home and it looks like crap, and they never bother to ask a printer such as myself. At least I ask. You have to remember this.

    Peace.

    Kevin

    Avatar of Kevin Schafer
    Kevin M. Schafer
    Participant

    @km-schafer-1

    @hnla You hit the nail on the head! I commented out the piece of CSS that you brought forward. So far I don’t see any issues, but I’ll keep my eyes open for them. This piece of code must be for the clearing of a float. Now the posts look just how BuddyPress is supposed to look: http://www.gumpolen.com/blog/category/city-desk/

    /*}

    div.post .entry{

    clear: both;

    }*/

    After I saved my changes, “Control F5″ couldn’t get them to show in Chrome. I had go to command prompt and use “ipconfig/flushdns” and then my changes showed. Chrome always seems to do this. A year ago I didn’t realize this, and I would simply think that I wasn’t doing something correctly and then I would go on to something else. I wasted hours of coding time, thinking that I was doing it wrong, and here it was just that Chrome doesn’t refresh correctly. At least not on the computer I use.

    Thanks for your help!

    Kevin

    Avatar of Hugo
    Hugo
    Moderator

    @hnla

    /*}

    div.post .entry{

    clear: both;

    }*/

    That is wrong on the face of it, it needs to be:

    }

    /*

    div.post .entry{

    clear: both;

    }*/

     

    Issues might be that the post entry or excerpt is being used  or has the added effect of keeping the bottom box edge margined away from content, without the entry clearing the avatar box  shorter excerpts will mean the avatar box abuts the bottom edge.

Viewing 5 replies - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.