Shortcode is displaying profile fields & values on same line

Home Forums BP Profile Search Forum Shortcode is displaying profile fields & values on same line

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #10826 Reply
    Michael
    Guest

    Thanks very much to Andrea for creating this plugin.

    On my dating website, I have added the shortcode to Members page:

    [bps_directory show=’field_2,field_189,field_188′]

    (field 2=country, field 189=city, field 188=bio)

    On mobile devices, everything displays nicely in search results, each element on its own line under the BP member avatar.
    eg.
    <avatar>
    Country: USA
    City: Boston
    Bio: Hello world…..

    But on wider screen display (PC etc) the country & city elements sit on the same line, space permitting, with no gap. Looks bad.
    eg.
    <avatar>
    Country: USACity: Boston
    Bio: Hello world…..

    Any way I can force those 3 elements onto individual lines?

    Thanks for any help!

    (using latest WP, latest BP, Twenty Sixteen theme)

    #10828 Reply
    andrea
    Keymaster

    Hi Michael,

    You can go to Customize -> Additional CSS and enter these lines:

    #buddypress span.activity {
    	display: block;
    }

    Please let me know if it works for you!

    #10829 Reply
    Michael
    Guest

    Thanks Andrea, unfortunately it didn’t change anything.

    Website: https://abfheaven.com/

    It has a (slightly) adult theme.

    The Members/search results page is only visible to logged-in users, may I create a quick test account for you to take a look, if you have time?

    #10833 Reply
    andrea
    Keymaster

    Yes, you can use my Contact page to share information privately.

    #10839 Reply
    Michael
    Guest

    Just wanted to say a huge THANK YOU to Andrea for helping me with the use of the Profile Search plugin on my site. It’s really appreciated.

    #10840 Reply
    andrea
    Keymaster

    You are welcome, Michael!

    For other interested readers, the additional CSS that works on Michael’s site is:

    .bp-list li .item .item-meta {
        float: none;
    }
Viewing 6 posts - 1 through 6 (of 6 total)
Reply To: Shortcode is displaying profile fields & values on same line
Your information: