Custom CSS

Resolved biologix
(@biologix)

7 years, 1 month 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 7 years, 1 month 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)

7 years, 1 month ago

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

https://wordpress.org/support/topic/widget-summary-of-reviews-font-size/
https://wordpress.org/support/topic/change-the-font-of-the-review-form/
Thread Starter biologix
(@biologix)

7 years, 1 month ago
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 7 years, 1 month ago by biologix.
Plugin Author Gemini Labs
(@geminilabs)

7 years, 1 month ago
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.
- This reply was modified 7 years, 1 month ago by Gemini Labs.
- This reply was modified 7 years, 1 month ago by Gemini Labs.
Thread Starter biologix
(@biologix)

7 years, 1 month ago

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)

7 years, 1 month ago
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)

7 years, 1 month ago

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)

7 years, 1 month ago

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

Thread Starter biologix
(@biologix)

7 years, 1 month ago

Thank you. Found it…..

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

The topic ‘Custom CSS’ is closed to new replies.