# Weblistbox header font & segment button highlight colour

**URL:** <https://forum.xojo.com/t/weblistbox-header-font-segment-button-highlight-colour/74336>\
**Category:** Web\
**Created:** [February 1, 2023, 12:53pm UTC](https://forum.xojo.com/t/weblistbox-header-font-segment-button-highlight-colour/74336 "2023-02-01T12:53:23Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Grant\_A](https://forum.xojo.com/letter_avatar_proxy/v4/letter/g/e9c0ed/32.png) [@Grant\_A](https://forum.xojo.com/u/Grant_A)\
**Post date:** [February 1, 2023, 12:53pm UTC](https://forum.xojo.com/t/weblistbox-header-font-segment-button-highlight-colour/74336/1 "2023-02-01T12:53:23Z")

</div>

Hi All

1. When using the weblistbox is there any way of changing the header font without affecting the rest of the rows?

2. Can the ‘selected’ segment of the websegmentbox set to a different colour other than the default?

Thanks in advance

---

<div class="post-metadata">

**Author:** ![AlbertoD](https://forum.xojo.com/letter_avatar_proxy/v4/letter/a/dbc845/32.png) [@AlbertoD](https://forum.xojo.com/u/AlbertoD)\
**Post date:** [February 2, 2023, 2:52am UTC](https://forum.xojo.com/t/weblistbox-header-font-segment-button-highlight-colour/74336/2 "2023-02-02T02:52:16Z")

</div>

1. you can change the style using code in App HTML Header
2. you can use a Button Indicator that you don’t use and change the CSS for it, creating a new bootstrap.min.css or use App HTML Header

![image](https://forum.xojo.com/uploads/default/original/2X/f/fc61516f6aa98f3dca87412cc9f4f45d31d51477.png)

Code used in App HTML Header (this will change the Button Light indicator for all buttons and will change all your WebListbox headers):

```auto
<style>
div.dataTables_scrollHead {font-family: monospace;
    font-size: xxx-large;}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    color: #f5f5f5;
    background-color: #1e649e;
    border-color: #1e649e;
}
</style>

```

---

<div class="post-metadata">

**Author:** ![Grant\_A](https://forum.xojo.com/letter_avatar_proxy/v4/letter/g/e9c0ed/32.png) [@Grant\_A](https://forum.xojo.com/u/Grant_A)\
**Post date:** [February 2, 2023, 1:52pm UTC](https://forum.xojo.com/t/weblistbox-header-font-segment-button-highlight-colour/74336/3 "2023-02-02T13:52:05Z")

</div>

Thanks for the help it works but it works for what i need

Grant