Support » Plugin: Site Reviews » Resizing Icon Size

  • Resolved pnikolova

    (@pnikolova)


    I changed the icon to something else that I want. Now I just want to resize it to make it a little bit bigger as I think this is small even on mobile.

    I think I need to edit site-reviews.block.css but there is so much going on I’m not sure exactly what to change. I tried changing .glsr-star width & height… Maybe I didn’t do the one I was supposed to.

    Thank you for your help, in advance.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Gemini Labs

    (@geminilabs)

    You can do this with some custom CSS in your theme.

    1. To change the star size in each review:

    .glsr-review .glsr-star {
        background-size: 32px !important;
        height: 32px !important;
        width: 32px !important;
    }

    2. To change the star size in the summary:

    .glsr-summary .glsr-star {
        background-size: 32px !important;
        height: 32px !important;
        width: 32px !important;
    }

    And to center-align the summary stars with the rating:

    .glsr-summary {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        max-width: none !important;
    }

    3. To change the star size in the submission form:

    .glsr-form .gl-star-rating-stars > span {
        background-size: 32px !important;
        height: 32px !important;
        width: 32px !important;
    }

    Tip: Remember to run any custom CSS through https://autoprefixer.github.io/ first to make sure you are including browser prefixes to support older browsers.

    • This reply was modified 9 months, 2 weeks ago by Gemini Labs.
    Thread Starter pnikolova

    (@pnikolova)

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Resizing Icon Size’ is closed to new replies.