# \#css **URL:** https://community.weweb.io/tag/css/14.md [Latest](https://community.weweb.io/latest.md) · [Categories](https://community.weweb.io/categories.md) · [Tags](https://community.weweb.io/tags.md) --- ## [Loader page element doubt](https://community.weweb.io/t/loader-page-element-doubt/19880)
**Author:** [@Jpairazaman](https://community.weweb.io/u/Jpairazaman)\ **Replies:** 2\ **Last updated:** [September 6, 2025, 6:51am UTC](https://community.weweb.io/t/loader-page-element-doubt/19880 "2025-09-06T06:51:16Z")
Loading page sometimes blue, sometimes black Hi everyone! so I have an app where I put some loading page weweb elements to be native black. Then I have some workflows where I have this sequence: Page loader in black. A… --- ## [Is there anyway tailwind css can be used with WeWeb?](https://community.weweb.io/t/is-there-anyway-tailwind-css-can-be-used-with-weweb/3278)
**Author:** [@bs444](https://community.weweb.io/u/bs444)\ **Replies:** 6\ **Last updated:** [May 27, 2025, 2:28pm UTC](https://community.weweb.io/t/is-there-anyway-tailwind-css-can-be-used-with-weweb/3278 "2025-05-27T14:28:55Z")
Just started using WeWeb and wondering if there is a way tailwind css can be used directly with WeWeb. Is that possible? --- ## [Calendar component: Alignment of weeknumbers](https://community.weweb.io/t/calendar-component-alignment-of-weeknumbers/15001)
**Author:** [@FHEXL](https://community.weweb.io/u/FHEXL)\ **Replies:** 0\ **Last updated:** [December 17, 2024, 1:36pm UTC](https://community.weweb.io/t/calendar-component-alignment-of-weeknumbers/15001 "2024-12-17T13:36:04Z")
HI there, I am using the calendar component, with some not natively supported html attributes: events-on-month-view:this shows details af an event. Now I want to enable weeknumbers. Based on the vuecal docs I can do t… --- ## [How to apply background color with css to text with line break](https://community.weweb.io/t/how-to-apply-background-color-with-css-to-text-with-line-break/14313)
**Author:** [@Michael\_Knight](https://community.weweb.io/u/Michael_Knight)\ **Replies:** 3\ **Last updated:** [November 5, 2024, 12:19am UTC](https://community.weweb.io/t/how-to-apply-background-color-with-css-to-text-with-line-break/14313 "2024-11-05T00:19:32Z")
Hi! I would like to create a text background that is just behind the text even when the line breaks, like this: I found a solution on stackoverlfow but I am not able to make it work in WeWeb: I copied the follo… --- ## [Is there a way to style the body tag?](https://community.weweb.io/t/is-there-a-way-to-style-the-body-tag/1438)
**Author:** [@carri](https://community.weweb.io/u/carri)\ **Replies:** 7\ **Last updated:** [October 14, 2024, 3:02pm UTC](https://community.weweb.io/t/is-there-a-way-to-style-the-body-tag/1438 "2024-10-14T15:02:46Z")
I don’t see that element. I’d like to set styling page background color and reuse it on all? --- ## [How to set Psuedo css on element in Weweb](https://community.weweb.io/t/how-to-set-psuedo-css-on-element-in-weweb/13605)
**Author:** [@eric](https://community.weweb.io/u/eric)\ **Replies:** 3\ **Last updated:** [October 2, 2024, 2:17pm UTC](https://community.weweb.io/t/how-to-set-psuedo-css-on-element-in-weweb/13605 "2024-10-02T14:17:40Z")
Hi guys, Im facing 1 problem about css with the element, I dont know how to set the psuedo CSS for the element, just have init as disable, hover, blur, … Example: input::-webkit-slider-thumb So how can I set it for th… --- ## [Calendar component: Event background is white when usnig the print PDF action](https://community.weweb.io/t/calendar-component-event-background-is-white-when-usnig-the-print-pdf-action/10621)
**Author:** [@FHEXL](https://community.weweb.io/u/FHEXL)\ **Replies:** 3\ **Last updated:** [September 4, 2024, 9:22am UTC](https://community.weweb.io/t/calendar-component-event-background-is-white-when-usnig-the-print-pdf-action/10621 "2024-09-04T09:22:05Z")
Hi there, I have the following Calendar (Default calendar component in Weweb) When I use the print PDF action in Weweb event background is white. I tried to overrule it with a print variable and with a print css sty… --- ## [CSS grid in combination with multi page sections](https://community.weweb.io/t/css-grid-in-combination-with-multi-page-sections/10492)
**Author:** [@FHEXL](https://community.weweb.io/u/FHEXL)\ **Replies:** 0\ **Last updated:** [August 27, 2024, 8:12pm UTC](https://community.weweb.io/t/css-grid-in-combination-with-multi-page-sections/10492 "2024-08-27T20:12:30Z")
Hi there, I am trying out the CSS Grid layout. Let’s say I wan’t to create somthing like: Normaly the menu would be a multi-page section. But that’s not possible when having the menu being part of the CSS grid. What… --- ## [CSS For Popups & Tooltip getting over ridden in weweb](https://community.weweb.io/t/css-for-popups-tooltip-getting-over-ridden-in-weweb/9963)
**Author:** [@sabxas](https://community.weweb.io/u/sabxas)\ **Replies:** 1\ **Last updated:** [July 29, 2024, 6:56am UTC](https://community.weweb.io/t/css-for-popups-tooltip-getting-over-ridden-in-weweb/9963 "2024-07-29T06:56:21Z")
Hi, I have a custom coded component developed & ready, it has popups & tooltips. The issue that i am getting is that all popus & tooltips dont appear where they are supposed to like under a button, instead all of them … --- ## [How to position bulk action element](https://community.weweb.io/t/how-to-position-bulk-action-element/9444)
**Author:** [@FHEXL](https://community.weweb.io/u/FHEXL)\ **Replies:** 1\ **Last updated:** [June 29, 2024, 12:08pm UTC](https://community.weweb.io/t/how-to-position-bulk-action-element/9444 "2024-06-29T12:08:22Z")
Hi there, I have a table with a record multi-select. When a selection is made I want to show a small element that is sticky at the bottom of the screen, like in the image below. What is the best approach in Weweb. A… --- ## [Text is getting disappear on applying custom css for gradient color](https://community.weweb.io/t/text-is-getting-disappear-on-applying-custom-css-for-gradient-color/8597)
**Author:** [@kavi](https://community.weweb.io/u/kavi)\ **Replies:** 1\ **Last updated:** [May 14, 2024, 4:53pm UTC](https://community.weweb.io/t/text-is-getting-disappear-on-applying-custom-css-for-gradient-color/8597 "2024-05-14T16:53:36Z")
background: #121FCF; background: linear-gradient(to right, #121FCF 0%, #CF1512 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; I am using the above code in the custom css of the Heading el… --- ## [How to manage Light and Dark mode](https://community.weweb.io/t/how-to-manage-light-and-dark-mode/4726)
**Author:** [@flo](https://community.weweb.io/u/flo)\ **Replies:** 5\ **Last updated:** [April 27, 2024, 12:22pm UTC](https://community.weweb.io/t/how-to-manage-light-and-dark-mode/4726 "2024-04-27T12:22:13Z")
Hi everyone, I am following up on a question from Neil during the office hours on October 3, 2023. The question was about how to properly implement a light and dark mode in WeWeb. There are multiple approaches to managi… --- ## [How to scroll to bottom when opening a modal](https://community.weweb.io/t/how-to-scroll-to-bottom-when-opening-a-modal/4968)
**Author:** [@flo](https://community.weweb.io/u/flo)\ **Replies:** 3\ **Last updated:** [February 16, 2024, 10:42pm UTC](https://community.weweb.io/t/how-to-scroll-to-bottom-when-opening-a-modal/4968 "2024-02-16T22:42:43Z")
Hi everyone, I am following up on a question from @neelsarode during the office hours on October 17, 2023. The question was about how to properly initialize a long list of comments in a side popup so that users don’t ha… --- ## [Weird sticky / fixed header behavior on iOS devices](https://community.weweb.io/t/weird-sticky-fixed-header-behavior-on-ios-devices/6662)
**Author:** [@Heifinator](https://community.weweb.io/u/Heifinator)\ **Replies:** 5\ **Last updated:** [February 1, 2024, 9:10am UTC](https://community.weweb.io/t/weird-sticky-fixed-header-behavior-on-ios-devices/6662 "2024-02-01T09:10:44Z")
Having an issue that I cannot seem to find any previous posts on. I was getting the questionable behavior in my main app so to simplify, I have a test page with a section element (100% width, height 60px) set to sticky.… --- ## [Edit the color of a child on hover](https://community.weweb.io/t/edit-the-color-of-a-child-on-hover/1578)
**Author:** [@jeanmatthieud](https://community.weweb.io/u/jeanmatthieud)\ **Replies:** 9\ **Last updated:** [November 11, 2023, 3:34pm UTC](https://community.weweb.io/t/edit-the-color-of-a-child-on-hover/1578 "2023-11-11T15:34:22Z")
Hi, I have a “large” div, with padding, and contain some text (p) elements. I want to change the color of the text, when the div is on “hover” state. I tried to add some custom CSS on the DIV, but I don’t know how to … --- ## [Marquee CSS animation](https://community.weweb.io/t/marquee-css-animation/4630)
**Author:** [@FJP84](https://community.weweb.io/u/FJP84)\ **Replies:** 3\ **Last updated:** [September 30, 2023, 8:54pm UTC](https://community.weweb.io/t/marquee-css-animation/4630 "2023-09-30T20:54:27Z")
Hi there, I was trying to recreate below (Marquee in Webflow) in Webweb. I succeeded mostly, but in weweb the elements eventually are overlapping and the Infinity of the loop is not as smooth as in the video below. It s… --- ## [Style on #app div](https://community.weweb.io/t/style-on-app-div/4472)
**Author:** [@ArthurC](https://community.weweb.io/u/ArthurC)\ **Replies:** 7\ **Last updated:** [September 22, 2023, 6:38pm UTC](https://community.weweb.io/t/style-on-app-div/4472 "2023-09-22T18:38:32Z")
Hi everyone, I’m taking over someone on a project to make some style adjustment and I noticed a padding style was forced on the div with the #app id which wrap the whole page. This style applies on all pages except the … --- ## [How do I fix the height of my column to the viewport?](https://community.weweb.io/t/how-do-i-fix-the-height-of-my-column-to-the-viewport/3236)
**Author:** [@twinsticks](https://community.weweb.io/u/twinsticks)\ **Replies:** 2\ **Last updated:** [June 30, 2023, 7:44pm UTC](https://community.weweb.io/t/how-do-i-fix-the-height-of-my-column-to-the-viewport/3236 "2023-06-30T19:44:02Z")
I am testing a 3 column layout, I would like the height of the first column to match the view port and not scroll, I am using this for the menu. I would like the content in the 2 additional columns (list view and detail… --- ## [CSS Stylesheets - do all 3 need to be downloaded? And why so large?](https://community.weweb.io/t/css-stylesheets-do-all-3-need-to-be-downloaded-and-why-so-large/1761)
**Author:** [@clncsports](https://community.weweb.io/u/clncsports)\ **Replies:** 1\ **Last updated:** [February 24, 2023, 9:14pm UTC](https://community.weweb.io/t/css-stylesheets-do-all-3-need-to-be-downloaded-and-why-so-large/1761 "2023-02-24T21:14:24Z")
Seeing in browser that all 3 stylesheets are being pulled down. Since they’re 3 of the heaviest documents in my app, wondering if there’s a way to only download the relevant one given the user’s device. Also trying to … --- ## [Missing font-style property](https://community.weweb.io/t/missing-font-style-property/1556)
**Author:** [@Matthieu](https://community.weweb.io/u/Matthieu)\ **Replies:** 5\ **Last updated:** [February 24, 2023, 9:43am UTC](https://community.weweb.io/t/missing-font-style-property/1556 "2023-02-24T09:43:22Z")
Hey Team, We are missing one of the basic CSS property in the text panel. font-style: italic It would be really useful. Flo told me it’s in your (long) ToDo list, but I made this article to keep track of this … --- ## [Input field: turn off autocomplete suggestion](https://community.weweb.io/t/input-field-turn-off-autocomplete-suggestion/1617)
**Author:** [@Matthieu](https://community.weweb.io/u/Matthieu)\ **Replies:** 2\ **Last updated:** [February 1, 2023, 9:57pm UTC](https://community.weweb.io/t/input-field-turn-off-autocomplete-suggestion/1617 "2023-02-01T21:57:38Z")
Hey all, Do you guys have those tooltips auto generated on all your inputs? I don’t know how to turn it off. And when you click the suggestion: it’s not cute, almost like there’s a new input element in place of the … --- ## [CSS Grid - Have Divs inside a grid structure](https://community.weweb.io/t/css-grid-have-divs-inside-a-grid-structure/1607)
**Author:** [@Niruban\_Satchi](https://community.weweb.io/u/Niruban_Satchi)\ **Replies:** 2\ **Last updated:** [December 19, 2022, 10:15am UTC](https://community.weweb.io/t/css-grid-have-divs-inside-a-grid-structure/1607 "2022-12-19T10:15:04Z")
Hi, Coming from webflow. I’m trying to create a simple grid-like structure to drop a bunch of divs in. I can use the column element, but for each flexbox I add, it increases the number of columns, instead of wrapping … --- ## [Referenced color in formula](https://community.weweb.io/t/referenced-color-in-formula/1557)
**Author:** [@Matthieu](https://community.weweb.io/u/Matthieu)\ **Replies:** 2\ **Last updated:** [December 8, 2022, 8:03am UTC](https://community.weweb.io/t/referenced-color-in-formula/1557 "2022-12-08T08:03:06Z")
Hey team, Could you tell me how to access a referenced color in a formula? I’d like to to use my color palette here and not a HEX value. I tried @color\_namein hope the LESS way to call variable would work, but … --- ## [TUTORIAL – Add Global Styles in CSS](https://community.weweb.io/t/tutorial-add-global-styles-in-css/198)
**Author:** [@Joyce](https://community.weweb.io/u/Joyce)\ **Replies:** 7\ **Last updated:** [October 25, 2022, 4:14pm UTC](https://community.weweb.io/t/tutorial-add-global-styles-in-css/198 "2022-10-25T16:14:13Z")
In WeWeb, you can add global styles in CSS. Here’s how: Upload your CSS stylesheet to WeWeb Go to your project Settings \> File \> Upload new file and uploading your CSS stylesheet Link your CSS stylesheet in the head of…