Mutant. 25+'s profile picture

Published by

published
updated

Category: Web, HTML, Tech

Css to change the contact headline text

Place it between <style> ... </style> to change Contacting username to something else


/* Hide default headline */

.contact h4 {

  font-size: 0 !important;

}


/* Replace with your own */

.contact h4::after {

  content: " put your own text here ";

  font-size: 18px;

  color: #dbae2e;

  font-family: GFS Didot, serif;

}


The next one is note to self for me because it fits my theme

/* Hide the default headline */

.contact h4 {

  font-size: 0 !important;

}


/* Replace text */

.contact h4::after {

  content: " put your own text here ";

  font-size: 20px;

  color: #dbae2e;

  font-family: GFS Didot, serif;

  display: block;

  text-align: center;

  background: rgba(30,30,30,0.6);

  padding: 6px 10px;

  border-radius: 6px;

  box-shadow: 0 0 5px #000;

}


You can drop that CSS anywhere inside your profile’s <style> ... </style> block.

If you already have multiple <style> blocks, you can add it at the bottom of any one of them. Order only matters if you have other rules that also target .contact h4. In that case, put this snippet last so it overrides.


4 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

girlstruggler

girlstruggler's profile picture

THANK U SO MUCHHH!!!!!!! HOW DO I SAVE THIS IN FAVOURITES?!?!?!? /j


Report Comment



You'd have to do that in your browser.
Thanks for liking it :)

by Mutant. 25+; ; Report

ur welcomeeeeeeeee <3

by girlstruggler; ; Report