background color only on width of h1 tag - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
June 1, 2021 at 1:18 pm #1303412
steviger
Participant
Hi Guys,

I have this odd issue. I’d like a <h1> title to have a background color with some padding. This CSS works flaweless with an tag:
```
padding:5px 50px;
background:#fff;
border: solid 4px #0054a4;
-webkit-border-radius: 15px!important;
-moz-border-radius: 15px!important;
border-radius: 15px!important;
```
But when I add this rule to a <h1> tag it takes the whole width of the text block instead of the with of the title itself. I could give it a width of 50% but that wouldn’t do the trick because not all the titles have the same length.

Thanks in advance!
Steven
June 3, 2021 at 4:53 am #1303685
Rikard
Keymaster
Hi Steven,

Please try this CSS instead:
```
h1.paginatitel_vervolg2021 {
    font-size: 60px;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    text-transform: none!important;
    color: #fff;
    padding: 20px 40px!important;
    background: #0054a4!important;
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    border-radius: 10px!important;
    display: initial;
}
```
Best regards,
Rikard
June 3, 2021 at 4:03 pm #1303808

steviger
Participant

Hi Rikard,

Works, thanks! Never heard of that rule though ;)

Regards,

Steven

June 5, 2021 at 4:40 am #1304170

Rikard
Keymaster

Hi,

Great, I’m glad that you got it working :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.