Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

window and font too light on mobile with BP messages

This topic is resolved
Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    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

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6737 Posts
    @themodactyl

    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:

    Creating a Light/Dark Mode on my Website

    If you have further questions or requests, feel free to create other forum topics.

    Cheers,

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    hi!
    Well…I do not have the possibility of customization (customs>posts>postpages) of the messages of which you speak.

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6737 Posts
    @themodactyl

    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.

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49
    This reply has been marked as private.
    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    I specify about the color of window:
    In fact, what I would like is to replace the pink color that appears (on PC and mobile too) when starting or sending a new discussion (see screenshot below).

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    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?

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    Sorry, there is also a similar problem when clicking on the icon at the top right of the chat window (see screenshot below)

    PS: on the themosaurus forum, we cannot edit the topics.

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6737 Posts
    @themodactyl

    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,

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    Hi Manhattan,
    I entered the code as agreed and it didn’t change anything for me.
    What was this code supposed to do?

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6737 Posts
    @themodactyl

    Hi Gil,

    This snippet will partially solve some issues waiting the update to be released.

    Note that I just completed the snippet to solve two more issues.

    Best,

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    The problem is now solved!

    On mobile everything is ok now.

    BP Better messages–>settings–>personalization–>dark theme–>

    then copy this code in the Wp customization–>css code

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    I see one thing: the 3 choices (the one resulting from the vertical dots framed in red in the screenshot below) are ineffective, they don’t work.

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6737 Posts
    @themodactyl

    Hi, Thank you for bringing this issue to our attention. I just updated the snippet. 🙂

    Best,

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    Hi Manhattan,
    Could I see this patch?

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6737 Posts
    @themodactyl

    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;
    }
    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    Thank you Manhattan,
    I paste that in the css of WP and give you feedback afterwards.

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    It’s ok, it works fine!
    however, the last line “leave thread” has disappeared

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6737 Posts
    @themodactyl

    Are you referring to the “Delete Thread” feature?

    Best,

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    yes, Manathan !

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6737 Posts
    @themodactyl

    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,

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    I cleared the cache and everything is ok! the 3rd point appears well.
    good job !

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6737 Posts
    @themodactyl

    I’m glad to read all is working fine Gil! 🙂

    Have a great day!

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6737 Posts
    @themodactyl

    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,

Roboraptor 🦖
Themosaurus Topic Closer

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.

Viewing 24 posts - 1 through 24 (of 24 total)

The topic ‘window and font too light on mobile with BP messages’ is closed to new replies.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera or Gwangi powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of your Cera or Gwangi theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you've newly acquired the theme or already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site