Forum customization, hero etc

[deleted]

Braden if you look at the image provided by @Justoverclock you'll see that it's mostly white space with a pattern on the right. It doesn't cover the hero in the same way as your image would and does, so the CSS change is required.

The positioning percentages specified denote what part of the image is shown - in other words, this particular line allows you to target a specific part of the image. It's an old trick used in limited height elements.

Braden

[deleted] Bro you are good at customization i see it . Theres something we missed . once adding a hero img, even topic titles open on the same img which is correct, but the topic tittles font (need to be increased) the
()h2.Hero-title, .Hero-subtitle) now for topic title

maybe also add a bold font-weight: bold;
lets try a tittle , with one - three letters different colors

pupsik

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

pupsik yes bruh it worked ! Thank you . i like cyan opal color 👍️

pupsik

Add something like font-size:95px; to it for font increase.

pupsik

Braden I'm color blind.

color:#A8C3BC;

Braden

pupsik Just clean color! mad u want me to catch laugh illness haha

Braden

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;
}

Justoverclock

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

Good, I will try in a few minutes

Braden

Justoverclock try to make the image size at least below 30kb and try

remember big imgs also affect seo speed

Justoverclock

Braden i can do this, but this will solve the responsive issue?

Braden

Justoverclock whats the pixel size of img? ( url/head.webp )
Its horizontal should be atleast above 1000 x

Justoverclock

Braden 3048x206

pupsik

@Justoverclock it is hard to help you on issue, because you never have any code implemented on your website, for us to temper with.

Justoverclock

pupsik now is up, you're right (i need to make a staging copy)

pupsik

Justoverclock what is it you trying to do exactly? Image is there.

Justoverclock

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

pupsik

Define "responsive". Lots of meaning behind it.

Justoverclock

pupsik 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

« Previous Page Next Page »