Edit a phone number in header

• 

  palpulla · Member · Apr 15, 2016 at 4:38 pm

  • Copy link
  • Add topic to favorites

  I am having issues in editing a header phone number’s style in CSS. I would like to be able to insert an icon next to it, as well as edit color and size.

  My website is madisongaragerepair.com and the Click-to-Call code is:
  <center>Click-to-Call</center>

• 

  thesacredpath · Member · Apr 15, 2016 at 9:35 pm

  • Copy link

  Hi @palpulla, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours, I would suggest asking for help from the theme author directly or ask in the volunteer-based WordPress.org Themes and Templates forum.

  For general questions on self-hosted WordPress.org installations, visit http://wordpress.org/support/.

  The differences between WordPress.com and WordPress.org.

  I did take a quick look at your site, and you can do something like this with CSS.

  .header .container center a {
      background: url("URL_OF_IMAGE") no-repeat scroll left top /contain;
      padding-left: 30px;
  }

  You would upload the icon to your media library, get the URL of that image and then replace URL_OF_IMAGE between the quote marks with that URL.