Detail page column page shrunk. Audio filename displayed

This topic contains 13 replies, has 3 voices, and was last updated by  Victor Cardona 4 years, 7 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: 

  • Author
    Posts
  • April 21, 2020 at 2:42 am #541501

    Victor Cardona
    Full Member
    Post count: 177

    Hi

    The detail page column has shrunk and margins on this link are suddenly displayed much bigger on iPhone. Also, the audio file name is being displayed after having been hidden using css.

    https://www.hearabouthere.com/historical/united-states/virginia/williamsburg/colonial/wren-building/

    Could anyone please help?
    Thanks
    Victor Cardona

    April 21, 2020 at 3:16 am #541511

    Alex Rollin
    Moderator
    Post count: 27815

    The filename is from a badge. You can remove the badge if you don’t need it anymore.

    When you say column, can you say more about what you want to change? Sidebar? Main content area? Wider? How much?

    You can use custom CSS to do all those:
    https://wpgeodirectory.com/docs/customizing-your-style/

    April 21, 2020 at 11:20 am #541582

    Victor Cardona
    Full Member
    Post count: 177

    Hi Alex,

    The filename is from an uploaded audio file. The forum had helped me hide the filename with CSS a week or so ago and it has appeared again-only bigger and in red. Would the recent GD update have something to do with this?

    The margin/column issue is only on a version of the detail page with the audio uploaded and certain tabs displaying.

    Attached is a screenshot of what I am concerned about with the column/margin issue on iPhone. The gd sidebar widget is displayed correctly below (not on the side) on iPhone but the proportions are odd as you’ll see. I have also attached a “normal” display which has different tabs displaying on an iPhone.

    Any help would be appreciated.
    Thanks
    Victor

    April 21, 2020 at 11:24 am #541585

    Victor Cardona
    Full Member
    Post count: 177
    This reply has been marked as private.
    April 21, 2020 at 5:12 pm #541638

    Kor
    Moderator
    Post count: 16516

    Hi Victor,

    Thanks for your reply. Could you please apply this custom CSS code below into WP > Appearance > Customize > Additional CSS and see if it fixes it?

    .gd-badge{max-width:100%!important;    white-space: normal;}
    April 21, 2020 at 10:03 pm #541695

    Victor Cardona
    Full Member
    Post count: 177

    Thanks, Kor.

    That made it better. The white space is still off center as in the attached which isn’t a big deal but looks a little funny. Also at https://www.hearabouthere.com/historical/united-states/virginia/williamsburg/colonial/wren-building/

    Also, we had hid the audio file name using CSS but it is now showing again. Would this be another CSS adjustment?

    Appreciate the help.
    Thanks
    Victor

    April 21, 2020 at 10:38 pm #541698

    Victor Cardona
    Full Member
    Post count: 177

    Attachment

    April 22, 2020 at 7:13 am #541753

    Kor
    Moderator
    Post count: 16516

    Hi Victor,

    Thanks for your reply. Ok, remove the previous one and add this custom CSS code below and see if it works. 

    .gd-badge {
    max-width: 100%!important;
    white-space: normal;
    word-break: break-all;
}
    April 22, 2020 at 11:42 am #541822

    Victor Cardona
    Full Member
    Post count: 177

    Thanks, Kor.

    Great. That fixed it.

    Also, the uploaded audio filename is displayed when it had been hidden before using the following css (I think):

    span.geodir-cf-file-name.clearfix {display:none;}

    Would you have another suggestion to hide the Audio filename on this tab on the detail page?

    This was the page again:
    https://www.hearabouthere.com/historical/united-states/virginia/alexandria/civilwar/athenaeum-northern-virginia-fine-arts-association/

    Thanks again for the help.
    Best regards,
    Victor

    April 23, 2020 at 11:59 am #542089

    Victor Cardona
    Full Member
    Post count: 177

    Hi

    I have audio uploaded by the user for later playback by others. The filename of the uploaded audio is displayed below the play button. We had hidden this filename about a week ago (before the latest update) with the following css provided in this forum:

    span.geodir-cf-file-name.clearfix {display:none;}

    Compared to before the filename is now larger and in red.

    Would you have a suggestion to hide the Audio filename on this tab on the detail page?

    https://www.hearabouthere.com/historical/united-states/virginia/alexandria/civilwar/athenaeum-northern-virginia-fine-arts-association/

    Thanks again for the help.
    Best regards,
    Victor

    April 23, 2020 at 1:28 pm #542124

    Kor
    Moderator
    Post count: 16516

    hi Victor Cardona,

    Thanks for your reply. I don’t see any available CSS that I could target. Not sure what you’ve changed but I’ll look into this again.

    April 23, 2020 at 2:07 pm #542139

    Victor Cardona
    Full Member
    Post count: 177

    Thanks, Kor.

    I don’t think I changed anything since you provided the CSS previously.

    Appreciate the help.

    Best regards,
    Victor

    April 23, 2020 at 4:21 pm #542171

    Kor
    Moderator
    Post count: 16516

    Hi victor,

    Thanks for your patience. It’s fixed now and could you please check?

    April 23, 2020 at 5:41 pm #542182

    Victor Cardona
    Full Member
    Post count: 177

    Thanks, Kor.

    Looks good.

    Appreciate the help.

    Best regards,
    Victor

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount