> For the complete documentation index, see [llms.txt](https://reputon.gitbook.io/reputon-help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes.md).

# Custom style codes

- [Carousel widget](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/carousel-widget.md): Customize your Google Reviews carousel widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Rotator widget (variant)](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/carousel-widget/rotator-widget-variant.md): Customize your Google Reviews rotator widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Carousel widget (Header position - first card, variant - carousel)](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/carousel-widget/carousel-widget-header-position-first-card-variant-carousel.md): Customize your Google Reviews carousel widget (header position) with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Carousel widget (Header position - left side)](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/carousel-widget/carousel-widget-header-position-left-side.md): Customize your Google Reviews carousel widget (header position - left side) with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Compact carousel widget (header position - top / hidden)](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/carousel-widget/compact-carousel-widget-header-position-top-hidden.md): Customize your Google Reviews carousel widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Comact carousel widget (Header position - first card)](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/carousel-widget/comact-carousel-widget-header-position-first-card.md): Customize your Google Reviews carousel widget (header position) with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Compact carousel widget (Header position - left side)](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/carousel-widget/compact-carousel-widget-header-position-left-side.md): Customize your Google Reviews carousel widget (header position - left side) with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Dual row carousel widget](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/dual-row-carousel-widget.md): Customize your Google Reviews dual row carousel with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Grid widget](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/grid-widget.md): Customize your Google Reviews grid widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Gallery widget](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/gallery-widget.md): Customize your Google Reviews grid widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Masonry widget](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/masonry-widget.md): Customize your Google Reviews masonry widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [List widget](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/list-widget.md): Customize your Google Reviews list widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Store locator widget](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/store-locator-widget.md): Customize your Google Reviews store locator widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Compact widgets](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/compact-widgets.md): Customize your Google Reviews one line compact rating widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Rating badge medium /sticky compact rating widget](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/compact-widgets/rating-badge-medium-sticky-compact-rating-widget.md): Customize your Google Reviews compact/sticky compact widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Rating badge small / minimized compact rating widget](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/compact-widgets/rating-badge-small-minimized-compact-rating-widget.md): Customize your Google Reviews small/minimized compact rating widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [One line widget](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/compact-widgets/one-line-widget.md): Customize your Google Reviews one line compact rating widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Inline rating](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/compact-widgets/inline-rating.md): Customize your Google Reviews one line compact rating widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Inline rating with reviewers](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/compact-widgets/inline-rating-with-reviewers.md): Customize your Google Reviews one line compact rating widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Sticky widgets](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/sticky-widgets.md): Customize your Google Reviews one line compact rating widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Sticky slider widget](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/sticky-widgets/sticky-slider-widget.md): Customize your Google Reviews sticky slider widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Sticky slider modal](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/sticky-widgets/sticky-slider-widget/sticky-slider-modal.md): Customize your Google Reviews sticky slider modal with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Sticky rating widget](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/sticky-widgets/sticky-rating-widget.md): Customize your Google Reviews compact/sticky compact widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Minimized compact rating widget](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/sticky-widgets/sticky-rating-widget/minimized-compact-rating-widget.md): Customize your Google Reviews small/minimized compact rating widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.
- [Trust bar](https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes/sticky-widgets/trust-bar.md): Customize your Google Reviews one line compact rating widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://reputon.gitbook.io/reputon-help/google-reviews-app/custom-style-codes.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.