Forum customization, hero etc

Braden

[deleted] Youre that great person!

Braden

[deleted] is it possible to adjust the font text?

[deleted]

Braden Yes. Which font text are you referring to specifically ? Or are you looking to change the font globally across the forum ?

Braden

[deleted] see my text ,

[deleted]

@[deleted]
Can you, please, share how did you manage to customize nav/menu at the bottom?

[deleted]

[deleted] It's here - https://discuss.flarum.org/d/18804-template-for-footer/7

[deleted]

Braden You're looking to target the text here, yes ?

Braden

[deleted] exactly , hero tag title , n tag description

[deleted]

Braden So in this case, you simply target

h2.Hero-title and .Hero-subtitle then define the CSS font-family: nameofyourfont that you'd like to use. So something like

h2.Hero-title, .Hero-subtitle {
    font-family: Arial;
}

Justoverclock

[deleted] this not work for me as your image, is not responsive

[deleted]

Justoverclock this not work for me as your image, is not responsive

Can you clarify ?

Justoverclock

thats an example https://flarum.it/

[deleted]

Justoverclock I don't see any CSS being applied to the hero ?

Justoverclock

[deleted] try hard refresh
full width

not full width

[deleted]

Justoverclock it's not responsive because the CSS tells it not to be, and the image you have only occupies the right hand side of the screen but is at 1920px wide.

Remove

 background-position: 10% 14%;

Replace with

background-position: right;

Braden

[deleted] but why mine was responsive?

Justoverclock

thanks 🙂

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

[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