> 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/ebay-reviews-app/custom-style-codes/compact-slider-sticky-compact-slider-widget.md).

# Compact slider / sticky compact slider widget

## Change main slider color

{% code overflow="wrap" %}

```css
/* сhange rating stars color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-count-text {color: skyblue;}

/* change 'Positive feedback' color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-info .reputon-feedback-text {color: skyblue;}

/* change reviews count color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-info .reputon-reviews-count {color: skyblue;}
	
/* change rating counter color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-info .reputon-count-number {color: skyblue;}
	
/* change top border color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-badge:before {background: skyblue;}
```

{% endcode %}

<figure><img src="/files/tWkJAItvt9SigCvOhRDL" alt=""><figcaption><p>rating stars</p></figcaption></figure>

<figure><img src="/files/MIiVXZd9Y2JCdOcVV31L" alt=""><figcaption><p>feedback text</p></figcaption></figure>

<figure><img src="/files/EFcxfSe70t7ma0EV8w83" alt=""><figcaption><p>reviews counter</p></figcaption></figure>

<figure><img src="/files/jGb69xih4e7sErWvjCDT" alt=""><figcaption><p>rating couter</p></figcaption></figure>

<figure><img src="/files/9ttlKLkFLxJkEpnutILA" alt=""><figcaption><p>top border</p></figcaption></figure>

***

## Change review slider color

{% code overflow="wrap" %}

```css
	
/* сhange rating stars color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-rating-stars {color: skyblue;}
	
/* change reviews name color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-name {color: dodgerblue;}
	
/* change reviews text color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-text {color: dodgerblue;}
	
/* change reviews date color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-date {color: dodgerblue;}
	
/* change feedback color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-slide-container .reputon-feedback-text {color: skyblue;}
	
/* change 'star rating' color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-name-text {color: skyblue;}

```

{% endcode %}

<figure><img src="/files/bNVGUyJeNK6CXKhAd24e" alt=""><figcaption><p>stars rating</p></figcaption></figure>

<figure><img src="/files/tAHtmWCkobsR8PNwnoIc" alt=""><figcaption><p>name</p></figcaption></figure>

<figure><img src="/files/mYrQRaoTcF0luhv8NdbA" alt=""><figcaption><p>text</p></figcaption></figure>

<figure><img src="/files/lnejvcxpDtGtpvPc5S3a" alt=""><figcaption><p>date</p></figcaption></figure>

***

## Remove elements from the main slider

{% code overflow="wrap" %}

```css
/* remove logo */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-info .reputon-image {display: none;}
	
/* remove rating stars */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-count-text {display: none;}

/* remove 'Positive feedback' */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-info .reputon-feedback-text {display: none;}

/* remove reviews countner */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-info .reputon-reviews-count {display: none;}
	
/* remove rating counter */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-info .reputon-count-number {display: none;}
	
/* remove top border */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-badge:before {content: none;}
```

{% endcode %}

***

## Remove elements from the review slider

{% code overflow="wrap" %}

```css
/* remove logo */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-slide-container .reputon-image {display: none;}
	
/* remove rating stars */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-rating-stars {display: none;}
	
/* remove name color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-name {display: none;}
	
/* remove text color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-text {display: none;}
	
/* remove date color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-date {display: none;}
	
/* remove feedback */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-slide-container .reputon-feedback-text {display: none;}
	
/* remove '... star rating' */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-name-text {display: none;}
	
/* cremove top border */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-badge:before {content: none;}

```

{% endcode %}

***

## Change background color

{% code overflow="wrap" %}

```css
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-container {background: antiquewhite;}
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-bt-close {background: antiquewhite;}

/* change color when hover at element */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-container:hover {background: wheat;}

/* Add this code to theme.liquid to change the widget section color. */
<style> 
	section:has(.reputon-ebay-reviews-widget .reputon-basic-slide) {background: bisque;}
</style> 
```

{% endcode %}

<figure><img src="/files/bARwFoGeRpjohxR96Rae" alt=""><figcaption></figcaption></figure>

***

## Change widget font

{% code overflow="wrap" %}

```css
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-badge {font-family: 'Comic Sans MS' !important;}
```

{% endcode %}

<figure><img src="/files/Z7kmRxwAw9OBf4gqR4pW" alt=""><figcaption></figcaption></figure>

***

## Remove shadow and add border

{% code overflow="wrap" %}

```css
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-badge {
	box-shadow: none;
	border: 2px solid rgb(79, 206, 106);}
```

{% endcode %}

<figure><img src="/files/dR7bOtt6gGShB0Arz2bk" alt=""><figcaption></figcaption></figure>

***

## Move the widget

{% code overflow="wrap" %}

```css
/* move to the left of the block */
.reputon-ebay-reviews-widget {justify-content: flex-start !important;}
.reputon-ebay-reviews-widget .reputon-basic-slide {margin: 0 !important;}

/* move to the right of the block */
.reputon-ebay-reviews-widget {justify-content: flex-end !important;}
.reputon-ebay-reviews-widget .reputon-basic-slide {margin: 0 !important;}

/* center on mobile devices */
@media (max-width: 640px) {
  .reputon-ebay-reviews-widget .reputon-basic-slide .reputon-badge {transform-origin: center;}}
```

{% endcode %}

***

## Change widget max-width

{% code overflow="wrap" %}

```css
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-container {width: 400px !important;}
```

{% endcode %}

***

## Add margin above widget

{% code overflow="wrap" %}

```css
.reputon-ebay-reviews-widget .reputon-basic-slide {margin-top: 100px !important;}
```

{% endcode %}

***

## Add margin below widget

{% code overflow="wrap" %}

```css
.reputon-etsy-reviews-widget .reputon-basic-slide {margin-bottom: 100px !important;}
```

{% endcode %}

***

## Apply black-and-white filter

{% code overflow="wrap" %}

```css
.reputon-ebay-reviews-widget .reputon-basic-slide {filter: grayscale(100%);}
```

{% endcode %}

<figure><img src="/files/n2e1x07dMScqMU62cp6o" alt=""><figcaption></figcaption></figure>

***

**Questions about CSS or need assistance? We're excited to help:** [**support@reputon.com**](mailto:support@reputon.com) **or** [**live chat**](https://go.crisp.chat/chat/embed/?website_id=d24ef16e-6e05-49e9-bd59-a6f3bde0658a)**.**


---

# 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:

```
GET https://reputon.gitbook.io/reputon-help/ebay-reviews-app/custom-style-codes/compact-slider-sticky-compact-slider-widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.