# Web2 - Themes customization **URL:** \ **Category:** Web\ **Created:** [July 28, 2023, 6:02pm UTC](https://forum.xojo.com/t/web2-themes-customization/76664 "2023-07-28T18:02:31Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![Matteo\_Baldini](https://forum.xojo.com/letter_avatar_proxy/v4/letter/m/f14d63/32.png) [@Matteo\_Baldini](https://forum.xojo.com/u/Matteo_Baldini)\ **Post date:** [July 28, 2023, 6:02pm UTC](https://forum.xojo.com/t/web2-themes-customization/76664/1 "2023-07-28T18:02:31Z")
I don’t understand how I can change the default Bootstrap settings. just for example, how I can set the size of controls and fonts to be similar to Web1? thank you. ---
**Author:** ![Gilles\_Plante](https://forum.xojo.com/user_avatar/forum.xojo.com/gilles_plante/32/667_2.png) [@Gilles\_Plante](https://forum.xojo.com/u/Gilles_Plante)\ **Post date:** [July 28, 2023, 8:51pm UTC](https://forum.xojo.com/t/web2-themes-customization/76664/2 "2023-07-28T20:51:07Z")
With Web 2.0, settings are located in .CSS files. The contents then should be edited to change styles. See [Changing the appearance of controls — Xojo documentation](https://documentation.xojo.com/topics/user_interface/web/changing_the_appearance_of_controls.html#) You will find other information about Bootstrap as well in the Xojo documentation. ---
**Author:** ![Matteo\_Baldini](https://forum.xojo.com/letter_avatar_proxy/v4/letter/m/f14d63/32.png) [@Matteo\_Baldini](https://forum.xojo.com/u/Matteo_Baldini)\ **Post date:** [July 29, 2023, 4:55am UTC](https://forum.xojo.com/t/web2-themes-customization/76664/3 "2023-07-29T04:55:10Z")
I don’t know how it works, I hope you will excuse me if I ask banal questions. so I have to modify the properties of each control? isn’t there an option to select valid properties for the entire theme (e.g.: large, normal, small), so each element (controls, font size, etc.) are proportionate to the others? ---
**Author:** ![AlbertoD](https://forum.xojo.com/letter_avatar_proxy/v4/letter/a/dbc845/32.png) [@AlbertoD](https://forum.xojo.com/u/AlbertoD)\ **Post date:** [July 29, 2023, 12:26pm UTC](https://forum.xojo.com/t/web2-themes-customization/76664/4 "2023-07-29T12:26:09Z")
> [@Matteo\_Baldini](#): > > isn’t there an option to select valid properties for the entire theme (e.g.: large, normal, small) There is no option in Xojo yet, there is a feature request to add that to Xojo, you can upvote it if you want this feature: [72882 - Bootstrap supports “Large”, “Default” and “Small” buttons](https://tracker.xojo.com/xojoinc/xojo/-/issues/72882) ---
**Author:** ![Matteo\_Baldini](https://forum.xojo.com/letter_avatar_proxy/v4/letter/m/f14d63/32.png) [@Matteo\_Baldini](https://forum.xojo.com/u/Matteo_Baldini)\ **Post date:** [July 29, 2023, 2:51pm UTC](https://forum.xojo.com/t/web2-themes-customization/76664/5 "2023-07-29T14:51:01Z")
thank you AlbertoD. I voted. in the meantime, if it is possible to do something to set the small size for individual elements (like buttons, text fields, font and so on), do you have some examples? ---
**Author:** ![AlbertoD](https://forum.xojo.com/letter_avatar_proxy/v4/letter/a/dbc845/32.png) [@AlbertoD](https://forum.xojo.com/u/AlbertoD)\ **Post date:** [July 29, 2023, 3:59pm UTC](https://forum.xojo.com/t/web2-themes-customization/76664/6 "2023-07-29T15:59:07Z")
> [@Matteo\_Baldini](#): > > in the meantime, if it is possible to do something to set the small size for individual elements It looks like [Bootstrap Magic : Generate your own Bootstrap themes quickly and easily](https://pikock.github.io/bootstrap-magic/app/index.html#!/editor) bootstrap magic creates Bootstrap 4 themes that you can use with Xojo up to version 2023r1.1 Bootstrap build: [https://bootstrap.build/app](https://bootstrap.build/app) creates Bootstrap 5 themes that you can use for a future Xojo 2023r2 I just played with them but not fully tested. ---
**Author:** ![AlbertoD](https://forum.xojo.com/letter_avatar_proxy/v4/letter/a/dbc845/32.png) [@AlbertoD](https://forum.xojo.com/u/AlbertoD)\ **Post date:** [July 29, 2023, 4:08pm UTC](https://forum.xojo.com/t/web2-themes-customization/76664/7 "2023-07-29T16:08:34Z")
Another option, to show something like this: ![image](https://forum.xojo.com/uploads/default/original/2X/2/2d09852daf7783310ab91750e91e0a66b49d2026.png) is to change the Style.FontSize to something smaller, in this example in the Opening event of the WebTextField at right I used this code: ```auto Me.Style.FontSize = 8 ``` Works with other controls too: ![image](https://forum.xojo.com/uploads/default/original/2X/d/d04bae498197b80630ed7e0d207934c36b22b5ea.png) I’m not sure if the code works with every control, you will have to test. ---
**Author:** ![Matteo\_Baldini](https://forum.xojo.com/letter_avatar_proxy/v4/letter/m/f14d63/32.png) [@Matteo\_Baldini](https://forum.xojo.com/u/Matteo_Baldini)\ **Post date:** [August 14, 2023, 10:51am UTC](https://forum.xojo.com/t/web2-themes-customization/76664/8 "2023-08-14T10:51:16Z")
**WebPopupMenu** : I would like to set the font size (13, for example) in the rows of the list. As far as I understand, after reading the documentation and running some tests, the only way to act on the style is to use WebMenuItem for example (from the documentation): ```auto Var item As New WebMenuItem("Police") item.TextColor = Color.Blue Me.AddRow(menu) ``` but there are **few** properties (e.g. TextColor) and I don’t see FontSize. If I missed it, does anyone know how to set the FontSize? thank you ---
**Author:** ![Jean-Yves\_Pochez](https://forum.xojo.com/user_avatar/forum.xojo.com/jean-yves_pochez/32/21769_2.png) [@Jean-Yves\_Pochez](https://forum.xojo.com/u/Jean-Yves_Pochez)\ **Post date:** [August 17, 2023, 6:57pm UTC](https://forum.xojo.com/t/web2-themes-customization/76664/9 "2023-08-17T18:57:48Z")
you can make a simple websdk to get the size of the buttons available, or even outline. see > **[GitHub - JYPochez/VNSWebBootstrapButton: modification of the Xojo websdk...](https://github.com/JYPochez/VNSWebBootstrapButton)** > > modification of the Xojo websdk example of a custom button to add size and outline bootstrap properties - GitHub - JYPochez/VNSWebBootstrapButton: modification of the Xojo websdk example of a custo... enjoy ! ![Capture d’écran 2023-08-17 à 20.56.07](https://forum.xojo.com/uploads/default/original/2X/d/dd4708b28b86536fc1fb729f5f01ed436bc4b723.png) ![Capture d’écran 2023-08-17 à 20.57.31](https://forum.xojo.com/uploads/default/original/2X/b/b770b4cea776442077f0e2ddb32f2984cd673d21.jpeg) @Ricardo_Cruz you could include this extended example into next releases ?