BP Profile Styling Issues

[jwchameleoncorp]

Hello,

Having the following BP Profile styling issues:

1. What is the difference between an Album versus Media, tab? Both tabs seem to do the same thing, exempt Media also adds music and video. I read this ticket and followed what it said, but I still see both tabs: https://archived.seventhqueen.com/forums/topic/album-vs-media

Is there a way to turn OFF Media or Album tabs, separately? Can I choose?

2. I’m trying to style my BP Profiles like your demo example pages:

http://preview.themeforest.net/item/sweet-date-more-than-a-wordpress-dating-theme/full_screen_preview/4994573?_ga=1.227994781.1828065612.1478278613

http://preview.themeforest.net/item/sweet-date-more-than-a-wordpress-dating-theme/full_screen_preview/4994573?_ga=1.227994781.1828065612.1478278613

However, I can not seem to duplicate your look. Here is an example of a profile on my site: http://www.matchingglove.com/members/charity/media/

As you can see I have the follow issues:

A) Media thumbnails do not look anything like your demo (not round, too small, excerpts don’t display right, etc.)

B) I can’t seem to get rid of the “Media” or “Album” tab, even though I turned it OFF in the Sweetdate > BP Profile Tabs

Things I’m trying to duplicate:

A) Round thumbnails in the media/photo display

B) The same menu tabs

 

How do I do this?

Thanks!

[Laura]

Hello 🙂
1- They are the same, you can deactivate albums at rtmedia settings
2- The small media problem can be fixed with this css, add it to style.css of child theme
The tabs depend on what you choose to add at Sweetdate > BP Profile Tabs
The rest seems very like the demo

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jwchameleoncorp]

Hey @laura

Did you forget to include the CSS in your reply? I don’t see it.

Thanks for the help!

Cheers. 🙂

[jwchameleoncorp]

Hey @laura

1. Did you forget to include the CSS in your reply? I don’t see it.

2. I messed around a lot with the profile album, rdmedia, etc., and there are a several bugs.

A)

If I enable media (in rtmedia settings) I can not remove the album link in the user profile (see highlighted in attachment.) It’s very confusing for the user because the “Album” link does not display the same as the “Albums” link under Media. Since “Albums” exists under Media, I want to keep it under Media, and delete the other Album link. How do I do that?

B)

You’ll notice that under the Album link, round thumbnails display, like in the demo (see attached.) However, under Media, they are small squares (see attached). I want them to display like the demo.

But the conflict is that I want to delete the Album link as stated above, in item (A). How can I make the thumbnails look like the demo, under the Media link?

C)

When I click thumbnails under the Album link, they do not popup in light boxes, like the demo. Photos just display under the Albums link (see attached).

Even worse, when I try to click thumbnails under the Media link, as soon as you hover over the thumbnail to open it, you can only Edit or Delete the photo (see attached). Obviously that’s not right.

How do I display round thumbnails (like the demo) under the Media link, which open in light boxes (like the demo)?

I also created a profile for you in Ticket #144988. Feel free to login and try the things I’m talking about to see if you get the same results.

Thanks for the help!

Cheers. ?

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, please share admin access so i can check it out 🙂 I can hide it with css, A,B and C 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jwchameleoncorp]

This reply has been set as private.

[Laura]

Hello, i am trying to access your admin area but the server is always having issues, so i will post here some css that might fix your issue 🙂
Just add it to style.css of child theme

COPY CODE

li#album-personal-li {
    display: none !important;
}
.rtmedia-container .rtmedia-list.rtmedia-list-media li {
    width: 100% !important;
}
a.rtmedia-list-item-a img {
    border-radius: 60% !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jwchameleoncorp]

Hi @laura

Sorry about the server issues. I’m having my host provider check into it. Will get back to you about the code.

Thanks for your help. 🙂

[jwchameleoncorp]

Hi @laura

My host fixed the server issue. Go ahead and try to login again.

By the way, I tried the code you provided, but it was unsuccessful.

Thanks for all your help @laura. Extremely grateful for everything you do. 🙂

[Laura]

Hello, is it not working? Did you try cleaning the cache? Did you add it to quick css?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jwchameleoncorp]

Hi @laura

I checked again, and it did work! The server issues I was having must have been interfering with the display.

However, thumbnails of photos are displaying vertically (see attached snapshot). Is there a way to make them display left to right?

Thanks!

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, try

COPY CODE

.rtmedia-container .rtmedia-list.rtmedia-list-media li {
    float:left !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jwchameleoncorp]

Hi @laura

Hope you’re having a good day.

I tried the code but was unsuccessful. I cleared the caches twice.

Do I need to do something different?

Thanks again for everything.

Cheers.

[Laura]

Hello, try

COPY CODE

.rtmedia-container .rtmedia-list.rtmedia-list-media {
    width: 600px !important;
}
.rtmedia-container .rtmedia-list.rtmedia-list-media li {
    width: 100px !important;
    float: left !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jwchameleoncorp]

Hi @laura

Thanks for doing that. Unfortunately it did not work. Pics still display vertically.

I cleared the caches too.

Should I put it in the Quick CSS instead of the child style.css?

Cheers

[Laura]

Hello,try both, but it should work, please try to contact a freelancer for more modifications because we cannot do much custom requests at this moment 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jwchameleoncorp]

Hi @laura

Good news. Placing the code in Quick CSS made it work. Thanks for all your help. I really appreciate it.

Before I close this as resolved, I am trying to make the album thumbnails round, like the rest of the media (see snapshot).

I know you’re busy, so I will try to do it myself. Where I would find the code for this?

Thanks for everything. 🙂

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, try

COPY CODE

li.rtmedia-list-item.masonry-brick img {
    border-radius: 60px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts