« Web, HTML, Tech Forum

how do i add solid color boxes behind the text on my profile?

Posted by N!K0LAZ!!

posted

Forum: Web, HTML, Tech

its kind of hard to explain but i have screenshots to kind of show what i mean

basically, i just want to be ppl to be able to read the text on my page more clearly without having to change the checkered bg into a solid color, yaknow?






Report Topic

3 Replies

Sort Replies:

Reply by Talek

posted

You have a couple of options depending on the effect you're going for:

- Set the background-color of p which will create boxes behind the text specifically and shouldn't block off the entire background

- Using -webkit-text-stroke or text-shadow to add an outline or a shadow to the text to improve readability without covering up a lot of the background (might not be as readable on smaller text but still an option)

- Set the background-color of the sections the text is in to an almost transparent color (adding 2 more digits to the hex code will add transparency! For example, #ffffff80 will make about 50% transparent white) so the background can still poke through 

I hope this is what you're looking for! 


Permalink Report Reply

Reply by GOAT

posted

setting the bg color of p is an option, just as long as there are no linebreaks in the paragraph

otherwise it'll look odd lol

the webkit stroke / text shadow are prob better options tbh

phonepostin rn and im awful at css stuff without my lappy && i cant remember if its table-section or details-table but anyway

.table-section p, .details-table p {

text-shadow: 2px 1px black; }

you can tweak the size of the shadowing && adjust the color as u see fit


hope that helps!! <3


Permalink Report Reply

Reply by HollyWunsch

posted

@Geometry Dash Lite thank you so much! it worked!!


Permalink Report Reply