- This topic has 17 replies, 2 voices, and was last updated 3 years, 1 month ago by
.
-
Posts
-
Hi,
Before the last theme update the images on mobile would align 1 by 1 underneath each other. Now they are being put next to each other. I prefer them to be below each other because then everything becomes clearer and people would not have to load a picture to see it more clear. Is this possible?
Thx
Hi René, 🙂
To change this, simply add the following code snippet to your website:
/** * Put Pictures in One Column on Mobile */ @media (max-width: 576px) { #buddypress .activity .rtmedia-list { display: grid; grid-template-columns: 1fr; } #site #buddypress:not(.youzer) #activity-stream.grimlock-buddypress-activity-list .activity-item .activity-inner .rtmedia-list-item{ min-width:100%; width:100%; display:block; padding-right:0px !important; } }To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
Pasting your code snippet there should do the trick for you.Also, it’s important to remember that we share snippet only to solve issues with our theme. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.
If you want to go further with the customization of your website, we advise that you require customization work.
Regards,
Thx
The size of images on desktop is also too small btw. Can this be made larger?
Using the current code creates a problem on mobile, see attached. These images are now put beneath each other. Is it possible for this part to be put horizontal?
Hi René,
Sorry, it seems I wasn’t defensive enough. I updated the snippet in my previous answer. 🙂
Best,
No worries, thx.
You’re welcome. 🙂
Is it possible to make the size of a single image on desktop larger as well? This was larger before, now they have become very tiny.
Hi René,
Are you still talking about the pictures next to the profile image? Don’t hesitate to share screenshots.
In that case, it will require customization work.
Best,
No, see attached. Normal uploaded images are really small on the activity page.
Hi René,
To make the image bigger, simply add the following code snippet to your website:
/** * Make the Images in Activity Stream Bigger */ @media (min-width: 768px){ #buddypress .activity-content .rtmedia-list .rtmedia-list-item.media-type-photo{ width: 50% !important; min-width: 50% !important; } }You can let 50% as value or change to 100% to take the full width.
To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
Pasting your code snippet there should do the trick for you.Also, it’s important to remember that we share snippet only to solve issues with our theme. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.
If you want to go further with the customization of your website, we advise that you require customization work.
Regards,
Thx. I’ve now tried 50% and 100%, but both don’t seem to be working. It’s still very tiny on desktop. Maybe desktop should be specified in the code?
Hi René,
Strange, this snippet works fine on our side. Perhaps a plugin interfere. Could you create a new website user for us please? If possible with administrator capabilities so we can investigate and edit this snippet to make it works on your website.
You can post the user name and password in your next reply and mark it as private to keep this between us.Please note that this snippet only works for screens larger than 769px. Beyond this screen size, the screen is considered a desktop screen.
Thank you.
This reply has been marked as private.
Hi Renné,
Thank you. I just updated the snippet to make it stronger. 🙂
Let me know if all is working fine now.
Best,
Perfect, it worked. Thx
Glad to read that René. 🙂
Best,
The topic ‘Size of images on mobile is too small’ is closed to new replies.
