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.

How to I get GamiPress to show in Header?

This topic is resolved
Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • Kokiri
    Participant
    • 11 Topics
    • 42 Posts
    @kokiri

    Hello Everyone,

    I’m currently working on enhancing the gamification aspect of our website by integrating Gamipress Points and Rank progression directly into the header. However, I’m facing some challenges in implementing this feature with our current theme.

    Specifically, I’m looking for guidance on how to seamlessly incorporate a rank progression bar and display the user’s points in the header area. I believe having this information readily visible to users would greatly enhance their engagement and motivation to participate in our community.

    Here are a few key points I’d like assistance with:

      How can I integrate the Gamipress Points and Rank progression bar into the header of our website?
      Are there any specific customization options or plugins that work well with our theme for achieving this?
      What coding or design adjustments might be necessary to ensure a smooth and visually appealing integration?

    I’ve attached a screenshot below to illustrate the desired placement and appearance of the rank progression bar and points display in the header. Any suggestions or insights on how to achieve this would be highly appreciated!

    For Example of what I’m trying to do just trying to add a rank progression bar and the points in header:

    Thank you all for your help and expertise in advance!

    Kokiri
    Participant
    • 11 Topics
    • 42 Posts
    @kokiri
    This reply has been marked as private.
    Kokiri
    Participant
    • 11 Topics
    • 42 Posts
    @kokiri
    This reply has been marked as private.
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6297 Posts
    @themodactyl

    Hi Kokiri,

    Don’t worry about your multiple replies, it is not a problem at all. We ask our community to split topics to avoid addressing multiple issues in a same topic, but as long as your replies are related to the subject of the topic, we really don’t mind! 🙂

    Could you please send us the url of your website ? Just to be clear:

    1. You find a way to add the progress bar and the score, but cannot add it to the navigation
    2. You would like to customize it to fit the Armadon theme

    Concerning the first point, I’m afraid it requires some custom development. However, you can get around by adding this progress bar and score area in the preheader. You can put blocks, shortcode or HTML in the preheader area, it might be easier to achieve what you want using this widget area.

    Another solution might be to set the area in a fixed position, in case you can use CSS. This way, these elements will always be displayed, for example, in the right bottom of the screen.

    Concerning the customization, we can take a look to see what we can advise you. However, we only can take a look if the features are set in place.

    Hope this will help you. 🙂

    Cheers,

    Kokiri
    Participant
    • 11 Topics
    • 42 Posts
    @kokiri
    This reply has been marked as private.
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6297 Posts
    @themodactyl

    Hi Kokiri,

    I can promise you we’ll be able to do the same, but we can take a look. Could you send us the credential of a user who has rank and point please? If possible with administrator capabilities so we can make some test.
    You can post the user name and password in your next reply and mark it as private to keep this between us.

    Thank you.

    Kokiri
    Participant
    • 11 Topics
    • 42 Posts
    @kokiri

    So will I need to make any type of back up or anything or just a regular user account?

    Kokiri
    Participant
    • 11 Topics
    • 42 Posts
    @kokiri

    My apologies to my last post apparently I didn’t pay attention lol – sorry about that sure I can make an account with full admin abilities however will I need to make a full wordpress site back up?

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

    I will not touch any plugin, but it’s better to make a backup regularly. I suggest you Manage WP : https://managewp.com/

    Best,

    Kokiri
    Participant
    • 11 Topics
    • 42 Posts
    @kokiri
    This reply has been marked as private.
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6297 Posts
    @themodactyl

    Hi Kokiri,

    I don’t see the custom features you added. Can you please make sure it is visible for us, so I can take a look and see if a CSS Snippet can be made ?

    Please find the screenshot in my next reply.

    Best,

    Kokiri
    Participant
    • 11 Topics
    • 42 Posts
    @kokiri

    Custom feature?

    I included my screenshots above hopefully that will be of help – You can certainly check and see if a CSS Snippet can be made.

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6297 Posts
    @themodactyl
    This reply has been marked as private.
    Kokiri
    Participant
    • 11 Topics
    • 42 Posts
    @kokiri
    This reply has been marked as private.
    Kokiri
    Participant
    • 11 Topics
    • 42 Posts
    @kokiri
    This reply has been marked as private.
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6297 Posts
    @themodactyl

    Hi Kokiri,

    I think there is a misunderstanding. Here is an extract of one of my previous reply:

    Just to be clear:
    
    - You find a way to add the progress bar and the score, but cannot add it to the navigation
    - You would like to customize it to fit the Armadon theme
    
    Concerning the first point, I’m afraid it requires some custom development. However, you can get around by adding this progress bar and score area in the preheader. You can put blocks, shortcode or HTML in the preheader area, it might be easier to achieve what you want using this widget area.
    
    Another solution might be to set the area in a fixed position, in case you can use CSS. This way, these elements will always be displayed, for example, in the right bottom of the screen.
    
    Concerning the customization, we can take a look to see what we can advise you. However, we only can take a look if the features are set in place.

    In this reply, I explained you that to achieve this, you need customization work, which we don’t provide. But I told you that you might be able to achieve that using the preheader area. We can take a look in order to adapt the style so it fits to Armadon, but we can’t add these features for you.

    Can you tell me if you were able to add these features (points and rank) ? I thought you were able to add these like the screenshot you send us, I join it to you.

    Best,

    Kokiri
    Participant
    • 11 Topics
    • 42 Posts
    @kokiri
    This reply has been marked as private.
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6297 Posts
    @themodactyl

    Thanks Kokiri. To adapt this, simply add the following code snippet to your website:

    /*CUSTOM : Extra CSS on GamiPress features in Preheader*/
    
    .grimlock-preheader .wp-block-heading{
    	text-transform:uppercase;
    	font-size:0.8rem;
    }
    .grimlock-preheader .gamipress-inline-ranks{
    	margin:0px;
    }
    .grimlock-preheader .gamipress-inline-points-wrapper .gamipress-inline-points{
    	margin-left:1rem;
    }
    .grimlock-preheader .gamipress-inline-rank-thumbnail img{
    	max-width:2rem;
    }
    .grimlock-preheader .gamipress-inline-points-wrapper .gamipress-inline-points img{
    	max-width:1.25rem;
    	height:2rem;
    	object-fit:contain;
    }
    .grimlock-preheader .gamipress-inline-points-wrapper .gamipress-inline-points .gamipress-inline-points-gem-thumbnail img{
    	max-width:2rem;
    }
    .grimlock-preheader .gamipress-inline-rank-title, .grimlock-preheader .gamipress-inline-points-label, .grimlock-preheader .gamipress-inline-points-separator{
    	display:none;
    }

    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.

    Concerning your other requests, thank you for bringing these new issues to our attention. We’re glad to answer any question related to the use of our theme. However, providing the best support and keeping track of issues and their resolutions becomes challenging when multiple subjects are addressed in the same topic. Additionally, it’s more efficient for us to share the resolution for a single issue with other members of our community facing the same problem. Could you please split your questions into different topics? One question = one topic. By doing this, you will be making a significant contribution to this forum, and we sincerely appreciate your cooperation!

    Thank you.

    Kokiri
    Participant
    • 11 Topics
    • 42 Posts
    @kokiri

    Certainly!

    Thank you for providing guidance on adding the code snippet to the Custom CSS panel of the WordPress Customizer. I’ll make sure to follow those steps to implement the necessary changes.

    I completely understand your policy regarding CSS snippets and appreciate your clarification on the matter. Rest assured, any further requests for snippets will only be made in the case of urgent defects that need to be addressed promptly.

    I apologize for bundling multiple issues in a single topic. I’ll ensure to adhere to the “one question = one topic” guideline going forward to facilitate better organization and assistance within the community forum.

    Once again, thank you for your support and guidance.

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

    Hi Kokiri,

    Thanks for your understanding.

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

    Best,

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 20 posts - 1 through 20 (of 20 total)

The topic ‘How to I get GamiPress to show in Header?’ 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