Custom CSS

  • Resolved biologix

    (@biologix)


    6 years ago

    I am looking to add custom CSS to make font size small and center for the “Summary of Review Widget” to show small size rating and small stars. Currently they look little big.

    • This topic was modified 6 years ago by biologix.

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

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

    (@geminilabs)

    For pointers on how to add your own custom CSS, please see the following topics:

    https://www.ads-software.com/support/topic/widget-summary-of-reviews-font-size/
    https://www.ads-software.com/support/topic/change-the-font-of-the-review-form/

    Thread Starter biologix

    (@biologix)

    Thank you. Awesome ! Can same custom CSS be used for “Recent Reviews” since title font is too big too. I would like font to be 12 px instead of this big since it occupies lot of space.

    • This reply was modified 6 years ago by biologix.
    Plugin Author Gemini Labs

    (@geminilabs)

    Please see the following link to learn how to use the Google Chrome Web Inspector, this tool will help you with any other CSS adjustments you need to make:

    https://designtlc.com/use-chrome-inspector-edit-website-css/

    Once you have done that, inspect the “Recent Reviews” title on the webpage to find the correct CSS selector, then use that in your custom CSS to change the font-size to 12px.

    Thread Starter biologix

    (@biologix)

    I got to the point where i make changes, but how to grab code from style is what i am not getting. This is what i want to add to custom style sheet.

    #site-reviews_site-reviews-2 > div > div > div > div.glsr-review-title
    h3 {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    }

    I am confused.

    Plugin Author Gemini Labs

    (@geminilabs)

    To change the review titles, try this:

    .glsr-review-title h3 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}
    Thread Starter biologix

    (@biologix)

    You guys are absolutely awesome and great support. I give you guys 10 stars. Finally everything is figured out and works great.

    How do i remove – added in front of the name?

    Plugin Author Gemini Labs

    (@geminilabs)

    Please see the FAQ section on the “Site Reviews > Documentation” page of the plugin.

    Thread Starter biologix

    (@biologix)

    Thank you. Found it…..

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Custom CSS’ is closed to new replies.