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.

Css for 'review' plugin

This topic is resolved
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • alex
    Participant
    • 81 Topics
    • 259 Posts
    @abourne

    Is there any quick css option to link the ‘review’ button to an icon?

    Find attached ref of the button placement without an icon, which requires me to resort to using the ‘text’ option.

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1675 Posts
    @themosaurus

    Hi @abourne,

    To change this, simply add the following code snippet to your website:

    
    /* Better display for "add review" button */
    div#bupr-add-review-btn a:before {
       content: '\f055';
       font-family: fontAwesome !important;
       top: 1px;
       color: #4885ed;
    }
    .gwangi--members-actions-text-displayed div#bupr-add-review-btn a:before {
       color: inherit;
    }
    

    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.

    We hope this will solve your issue. ?

    All the best,

    alex
    Participant
    • 81 Topics
    • 259 Posts
    @abourne

    Apologies for the late response, I missed your correspondence.

    Please see attached error when I activate snippet.

    alex
    Participant
    • 81 Topics
    • 259 Posts
    @abourne

    That’s embarrassing. I did not see that it is CSS and not a snippet. Please excuse my last message.

    Do you have another line of css to change the buttons color?

    Thanks in advanced.

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1675 Posts
    @themosaurus

    Hi @abourne,

    Juste adapt the above CSS code snippet:

    /* Better display for "add review" button */
    .gwangi--members-actions-text-displayed div#bupr-add-review-btn a {
    background-color: red !important; /* Change bg color here */
    color: green !important; /* Change color here */
    }
    div#bupr-add-review-btn a:before {
       content: '\f055';
       font-family: fontAwesome !important;
       top: 1px;
       color: #4885ed;
    }
    .gwangi--members-actions-text-displayed div#bupr-add-review-btn a:before {
       color: inherit;
    }

    regards,

    alex
    Participant
    • 81 Topics
    • 259 Posts
    @abourne

    Unsure why, but colors did not apply. The button size was adapted, as desired. But button colors remain without change, despite the CSS. See attached for reference.

    Did I enter something incorrectly?

    alex
    Participant
    • 81 Topics
    • 259 Posts
    @abourne

    Please conclude this topic. Now resolved. Not sure why but the button suddenly adopted the specified coloue, when it did not earlier. Fault on my behalf. Cheers.

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1675 Posts
    @themosaurus

    Hi @abourne,

    The snippet did have an issue but we updated it to fix the issue. Here is the updated one:

    /* Better display for "add review" button */
    .gwangi--members-actions-text-displayed div#item-header #profile-header.profile-header--member #item-buttons.action > div#bupr-add-review-btn > a{
       background-color: red !important; /* Change bg color here */
       color: blue !important; /* Change color here */
    }

    Closing this topic since the issue is resolved.

    Regards

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

The topic ‘Css for 'review' plugin’ 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