Find Answers and Get Support › Forums › Gwangi – PRO Multi-Purpose Membership, Social Network & BuddyPress Community Theme › Theme Customizer › Widgets › window and font too light on mobile with BP messages
- This topic has 23 replies, 2 voices, and was last updated 2 years, 8 months ago by
Manathan.
-
AuthorPosts
-
gilParticipant@gill49
- 32 Topics
- 126 Posts
Hi,
In private messaging, the full-screen window appears as in the screenshot (here seen on a mobile phone). It’s barely visible because the writing is in grey.
How to change the font color and possibly, is there a possibility to offer a dark mode?
Then I find the font size a bit small on a mobile screen.Thank you
June 13, 2022 at 21:41 #41083@themodactyl- 0 Topics
- 6737 Posts
Hi Gil, 🙂
Thank you for reaching out to us.
Please be aware that to reduce repetition in CSS, and improve powerful runtime effects like theme switching, we use variables to customize our theme. This is why a same color can be used in different places on the website.
To set this color, please go through Customize > Posts > Posts Page > Item and change the Text Color. Please find the attached screenshot.
To add a dark mode on your website, this article from our documentation might catch your attention:
If you have further questions or requests, feel free to create other forum topics.
Cheers,
June 14, 2022 at 10:04 #41086@themodactyl- 0 Topics
- 6737 Posts
Hi Gil,
Can you please save and refresh the page?
In case it’s still not working, it’s best if we take a quick look at this. Could you create a new website user for us please? If possible with administrator capabilities so we can make a quick check of your settings.
You can post the user name and password in your next reply and mark it as private to keep this between us.I invite you to make a backup before we investigate your website further in order to make sure you don’t loose any data if something goes wrong.
Thank you.
June 15, 2022 at 09:41 #41119gilParticipant@gill49- 32 Topics
- 126 Posts
When clicking on a member to start or continue a chat, the background changes (as shown in the red circle and in my case the background turns white), causing the white font to disappear. Where do I go to change this color, I didn’t see anything in the personalization?
June 16, 2022 at 06:50 #41136@themodactyl- 0 Topics
- 6737 Posts
Hi Gil,
Thank you for your precious feedback. There is definitely an issue in our theme which will be fixed in the next update. 🙂
We’ll be back to you as soon as the update is available.
Waiting the update, simply add the following code snippet to your website:
/** * Use the Background Color of the Primary Button for the Preloader in Private Message */ .bp-messages-wrap .preloader[style*="block"]{ background-color:var(--grimlock-button-primary-background-color); } /** * Fix the Background Color of the Thread when Hovering */ .bp-messages-wrap .threads-list .thread:hover > *{ background-color:var(--grimlock-content-background-color); } /** * Fix the Background Color of Boxes When Creating a New Message */ #site .bp-messages-wrap .bulk-message .box{ background-color:var(--grimlock-archive-post-background-color); border:0px; } /** * Fix the Z-index of Actions Buttons */ .bp-messages-wrap .chat-header{ z-index:10; } .bp-messages-wrap .expandingButtons .bpbm-dropdown-menu .bpbm-dropdown-item:hover { opacity:0.7; }
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,
June 16, 2022 at 10:24 #41143@themodactyl- 0 Topics
- 6737 Posts
That’s the final lines in the snippet in one of my previous reply:
/** * Fix the Z-index of Actions Buttons */ .bp-messages-wrap .chat-header{ z-index:10; } .bp-messages-wrap .expandingButtons .bpbm-dropdown-menu .bpbm-dropdown-item:hover { opacity:0.7; }
July 15, 2022 at 10:07 #41628@themodactyl- 0 Topics
- 6737 Posts
Thank you for your feedback Gil. However, I can’t reproduce this in our demo.
Could you clear all activated caching system as well as your browser cache and tell me if this issue still occurs, please?
Best,
July 16, 2022 at 12:50 #41675@themodactyl- 0 Topics
- 6737 Posts
Hi Gil,
We have just released a new update of Grimlock for BuddyPress. Updating this plugin to the latest version should fix this issue.
After the update, the problem should now be fixed. However, you might still be seeing the issue because your browser cache is showing you an older version of the page (browsers do that to load pages faster). To see that the issue is resolved you will need to empty your browser cache and reload the page. If you want to read more on what browser cache is and how to clear it, here is an article that might help you: How to Clear Internet Cache in Every Major Browser.
Kindest regards,
August 3, 2022 at 15:36 #42014 -
AuthorPosts
Hi there,
This topic has been inactive for a while now so we will be closing it to keep the forum tidy. Don't hesitate to create a new topic if you still need help and we'll be glad to help you!
Best regards,
The Themosaurus team.
The topic ‘window and font too light on mobile with BP messages’ is closed to new replies.