Resizing Icon Size

  • Resolved pnikolova

    (@pnikolova)


    4 years, 6 months ago

    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 4 years, 6 months 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.

Tags