Group Page font size

  • Resolved carloreve

    (@carloreve)


    7 years, 9 months ago

    Hi,

    I built a buddypress web site with this excellent theme.
    I have a problem with group pages. On the top right of the group page the group administrators are shown below the text “Admin Gruppo”. The font size is quite big and does not scale down on mobile.
    How can I reduce it?
    Also, the thumbnails of the admins are deformed (and occupying a lot of space) in the mobile version. Is it possible to amend this?

    Thanks!
    Carlo

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Richie KS

    (@rkcorp)

    7 years, 9 months ago

    try add this to cutomizer->general->custom css

    #custom #item-actions h2 {font-size:14px !important;}

    thumbnail looks fine to me, its 50×50 on mobile and desktop.

    Thread Starter carloreve

    (@carloreve)

    7 years, 9 months ago

    Hi Richie,

    thanks. The code indeed solved the problem with text.
    The thumbnail are not looking fine to me, only in the mobile versione. There the width is smaller than height.
    In case, take a look at the screenshot here:
    https://drive.google.com/file/d/0ByiW4AiwwEMEajdoLXc2cTFzRFk/view?usp=sharing

    Thanks,
    Carlo

    Theme Author Richie KS

    (@rkcorp)

    7 years, 9 months ago

    @carloreve
    seem like the group page is different from mine in demo. could you check if it the same in mobile //demo.dezzain.com/groups/snsd-korea-girl-band-32601/

    @emretheaviator
    its hard to check without live link. not sure what page is the screenshot taken.

    Thread Starter carloreve

    (@carloreve)

    7 years, 9 months ago

    Hi Richie,

    yes, your page has the same problems ad mine on my mobile (android 6, chrome).

    See the screenshot here
    https://drive.google.com/file/d/0ByiW4AiwwEMEMmhmZWhIa1dZZ0U/view?usp=sharing

    Carlo

    Theme Author Richie KS

    (@rkcorp)

    7 years, 9 months ago

    @carloreve
    add this to customizer->general->custom css, remember to clear cache or minify css if needed.

    @media only screen and (max-width:700px){
#buddypress div#item-header div#item-actions,#buddypress div#item-header div#item-actions #group-admins {width:100%;float:left;margin:0;}
#buddypress div#item-header div#item-actions h2 {width:100%;float:left;font-size:1.25em;}
#buddypress div#item-header div#item-actions #group-admins li {float:right;margin:0 0 1em 1em;}
}

    @emretheaviator
    cannot enter the site.
    what is the sample link for group post since i do not have like ‘read more’ link. is ti created by plugin?

    • This reply was modified 7 years, 9 months ago by Richie KS.
    Theme Author Richie KS

    (@rkcorp)

    7 years, 9 months ago

    @emretheaviator
    add this for the overlap avatar fix.

    @media only screen and (max-width:700px) {
#buddypress .activity-list .activity-content .activity-header img.avatar {
    float: none !important;
    margin: 0 5px !important;
    clear: none;
    display: inline;
}
}
    Thread Starter carloreve

    (@carloreve)

    7 years, 9 months ago

    it works! 🙂
    Richie, thanks a lot!

    Carlo

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Group Page font size’ is closed to new replies.