I got this code from chatgpt
.video-container {
position: relative;
width: 100%;
max-width: px; /* Justera efter behov */
margin: 0 auto;
}
video {
width: 100%;
height: auto;
display: block;
}
.video-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 24px;
font-weight: bold;
text-align: center;
white-space: nowrap; /* Förhindrar att texten bryts */
}
Sommarens hetaste bikinis
which is the code i have right now but I want to have the montserrat textstyle in the middle. website: necessarywear.se password: rewfra
Hi @armin777
I’m Ellie from BOGOS, #1 Shopify Promotion App (Gifts, Bundles, Upsells, Discounts)
I just checked out your store, and it looks like the text style in the middle of your video is Montserrat (though it’s bold). Could you clarify if you’d like to change it to regular, make it bigger, or adjust it in another way?
If it worked, appreciate if you could Like and Accept as Solution !
Yes I would like the text to be like this (Regular)
Hi @armin777 BOGOS, #1 Shopify Promotion App (Gifts, Bundles, Upsells, Discounts)
Please follow my steps below:
.video-container .video-text{
font-size: calc(var(--font-heading-scale)* 5.2rem) !important;
font-family: var(--font-heading-family) !important;
font-weight: normal !important;
}
*Result:
If you want to change the size, simply adjust the number “5.2” in my code to reach the size you want
If my code worked, appreciate if you could Like and Accept as Solution !
