Braden @[deleted] mentioned it above:
h2.Hero-title, .Hero-subtitle {
font-family: Arial;
font-weight: 800;
color:red;
}
Add lines and your stiles. If so, split Hero-title, .Hero-subtitle, to have effect on each.
Braden @[deleted] mentioned it above:
h2.Hero-title, .Hero-subtitle {
font-family: Arial;
font-weight: 800;
color:red;
}
Add lines and your stiles. If so, split Hero-title, .Hero-subtitle, to have effect on each.
Add something like font-size:95px; to it for font increase.
Anonymous43 yes bruh it worked ! Thank you . i like cyan opal color ️
Braden I'm color blind.
color:#A8C3BC;
Anonymous43 Just clean color! mad u want me to catch laugh illness haha
Justoverclock i think i might have found a solution to as why the image was not responsive on your site. try to put this on css
.Hero {
background: url(https://i.postimg.cc/9FnH6RBK/208.jpg);
background-repeat: no-repeat !important;
background-size: cover !important;
color:#87c7c4;
}
Good, I will try in a few minutes
Braden not work
it works like this:
.Hero {
background: url(url/head.webp);
background-repeat: no-repeat !important;
background-size:contain !important;
background-position:center;
color:#ffffff;
}
but if i resize the windows....is broken....so i don't know
Justoverclock try to make the image size at least below 30kb and try
remember big imgs also affect seo speed
Braden i can do this, but this will solve the responsive issue?
Justoverclock whats the pixel size of img? ( url/head.webp )
Its horizontal should be atleast above 1000 x
Braden 3048x206
@Justoverclock it is hard to help you on issue, because you never have any code implemented on your website, for us to temper with.
Anonymous43 now is up, you're right (i need to make a staging copy)
Justoverclock what is it you trying to do exactly? Image is there.
as u can see on metabullet for example, if u resize the window of your browser, the background is totally responsive..
on my background this does not happen
Define "responsive". Lots of meaning behind it.
Anonymous43 image is 3048x2016, on my monitor fullhd i can see only half image, if i resize the the browser windows, i can see 1/4 of the background
Show me a print screen on your resized window. I see it just fine.
now i've fixed first problem, background is centered with this:
.Hero {
background: url(https://i.ibb.co/d6B1GjX/head.webp);
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
color:#ffffff;
}
this is the real image on my resolution, i can see only the middle part of that
but after that fix the text on the hero now is totally not centered