Community Member•9/16/2023, 5:57:09 PM
id like the colour of the heart itself ot be #fed5ff but for some reason it just wont change
Community Member•9/16/2023, 8:09:25 PM
This CSS is outdated :)
But you can use our widget configurator for this :)
Please provide any issues / feedback if you have some :)
<https://app.hyperate.io/widget-configurator?widgetToConfigure=standard-animation>
Community Member•9/16/2023, 8:09:52 PM
what do you mean outdated ?
Community Member•9/16/2023, 8:22:26 PM
The pulsingheart classes are not available when the branding is active.
Just use the configurator and you can set the color already there :)
Community Member•9/16/2023, 8:25:19 PM
And your font-family rule is also invalid css
Community Member•9/16/2023, 8:27:00 PM
configurator doesnt let me use custom css
Community Member•9/16/2023, 8:30:35 PM
i added ```css
@font-face {
font-family: nintendo_NTLG;
src: url(H:\CAFESTD.woff),
url(H:\CAFESTD.woff2);
}```to the top and put `font-family: nintendo_NTLG;` in p.heartrate
Community Member•9/16/2023, 8:30:44 PM
its now a weird fallback font
Community Member•9/16/2023, 8:30:55 PM
wdym branding is active?
Community Member•9/16/2023, 8:38:38 PM
nvm i had the name wrong
Community Member•9/16/2023, 8:38:40 PM
it was nintendo_NTLG-DB_002
Community Member•9/16/2023, 8:41:46 PM
i changed my css to ```css
body {
overflow: hidden;
text-align: center;
}
p.heartrate {
font-family: nintendo_NTLG-DB_002;
color: #76298a !important;
text-align: center;
}
.brand-container {
text-align: center;
align-items: center;
background-color: #efd2fe;
border-bottom-right-radius: 20px;
}```
Community Member•9/16/2023, 8:42:00 PM
now changing the heart colour is my problem
Community Member•9/16/2023, 8:42:13 PM
my url is `https://app.hyperate.io/CODE?heartColor=%23fed5ff`
Community Member•9/16/2023, 8:44:17 PM
ok i used the builder website thing but removed things i dont need
Community Member•9/16/2023, 8:44:21 PM
`https://app.hyperate.io/CODE?brand=false&heartColor=%23e9d5da`
Community Member•9/16/2023, 8:44:28 PM
only issue is, my css isnt working anymore
Community Member•9/16/2023, 8:53:26 PM
Wdym by "isn't working anymore"?
How should it be and how it is actually?
Community Member•9/16/2023, 8:54:32 PM
The brand-container aswell doesn't exist now since the branding is not active anymore
Community Member•9/16/2023, 8:54:34 PM
i kinda fixed it
Community Member•9/16/2023, 8:55:00 PM
the text is just moved tho
Community Member•9/16/2023, 8:55:21 PM
like its not centred anymore
Community Member•9/16/2023, 8:55:53 PM
```css
body {
overflow: hidden;
}
p.heartrate {
font-family: nintendo_NTLG-DB_002;
color: #c39bf0 !important;
font-size: 45px;
}
.container-wrapper {
text-align: center;
align-items: center;
background-color: #efd2fe;
/* border-bottom-right-radius: 20px; */
}```
Community Member•9/16/2023, 8:56:10 PM
Can you explain what you want to achieve so i could help you?
Community Member•9/16/2023, 8:56:20 PM
i want the heartrate and the heart icon in the centre rn
Community Member•9/16/2023, 8:57:24 PM
What makes you think that they are not centered?
Community Member•9/16/2023, 8:57:31 PM
see this image
Community Member•9/16/2023, 8:57:41 PM
when it is over 100 it cuts off
Community Member•9/16/2023, 8:58:22 PM
Ye bcs you cropped the sides of the Webview within obs
Community Member•9/16/2023, 8:58:31 PM
nop
Community Member•9/16/2023, 8:58:45 PM
Community Member•9/16/2023, 9:01:27 PM
The "container-wrapper" is missing the display flex property otherwise align-items won't work
Community Member•9/16/2023, 9:01:54 PM
even adding that, it doesnt do anything
Community Member•9/16/2023, 9:03:30 PM
<@186881714381914112> can you check this pls? Since I don't have a computer by me rn I can't test it
