TheBuilder_
KPCKevin Powell - Community
•Created by TheBuilder_ on 2/7/2024 in #front-end
font family not working on h1
maybe I should mention that i'm using bootstrap CDN (i haven't used this in over 2 years) to build this theme that's going to be on the market else i would have loved to share the code. I'm beginning to consider that maybe bootstrap has a hidden default font family that is interfering with the one that i am setting when i try to set it on only the h1, and can only be overridden by setting it on both parent
.hero-section and child h1 but it's odd. I mean i haven't used bootstrap in that long and I don't know what has changed but it still doesn't add up. But Thanks for all the help, I'm just going to take this as one of those weird CSS or bootstrap issues and just go ahead to set both the parent and h1 with the font family since this is the only way that works.11 replies
KPCKevin Powell - Community
•Created by TheBuilder_ on 2/7/2024 in #front-end
font family not working on h1
It's exactly as I explained it
.hero-section {
font-family: 'archivo black' , san-serif;
}
h1 {
font-family: 'archivo black', san-serif;
}
Where the h1 is a child of the hero-section but the font family just doesn't work on the h1 if I don't set the font family to both the parent and the h1. So the above code works fine but the moment I take remove the font family from the the hero section, it stops working on the h1.11 replies
KPCKevin Powell - Community
•Created by TheBuilder_ on 2/7/2024 in #front-end
font family not working on h1
There's no styling on the h1 when I inspect it until I put the styling on the parent element of the h1 and the h1, only then does the styling on the h1 show up in dev tools and works takes effect on the page. The h1 doesn't inherit styling from the parent if only the parent is styled and I set the h1 font family to
inherit, and it doesn't get styled when the font family is applied on the h1 alone. I used an extension visbug and it shows a system UI font family on the h1. The font family that I'm choosing works on the h2 and every other element on the page, not just on the h1. I even created another HTML file with a CSS file to test it in isolation and it works fine on the h1, not just on the page that I'm using it. This is an anomaly.11 replies
KPCKevin Powell - Community
•Created by TheBuilder_ on 4/26/2023 in #front-end
article element flexbox issue
that's weird, I just ran another check and it seems to be fine it.
20 replies