Archived topic
Create border around text in blog post headline
4 replies · Started by Christopher on May 3, 2022
Hey there,
I am looking into the "Page & Post Headers" in Elements and want to add a border around the header text. There does not seem to be an option for it by default, so I have added this code to the style.css
.bordertext {
border-style: solid;
border-width: thin;
border-color: #000000;
padding: 15px 15px 15px 15px;
}I also added the bordertext value into the "Additional CSS class(es)" box of the Headline Block. Sadly it does not work.
Do i have to use /assets/css/ folder to make these changes?
Thanks,
Chris
Update: It worked using the Additional CSS option in the Customize field now.
I just realised that its the wrong code, I want to have a border around all the letters so that the white font can be read more easy with the background, not around the div in which the letters are located :) How would i have to change the code for that?
Update2: Got it with this code now, you can close this ticket unless you have a cleaner code for me.
.bordertext {
text-shadow: 0 0 3px #000000, 0 0 5px #000000;
}Hi Christopher,
The CSS looks good to me :)
Glad you figured it out!
Thanks :)
