CSS WordPress question

4 replies
have a wordpress site with this in css:

body > header .inner-content .right .contact-info .skype {
padding-top:10px;
margin-top:11px;
float:left;
width:136px;
margin-left:7px;
text-decoration: none;

}

body > header .inner-content .right .contact-info .skype > img {
float:left;
width:26px;
text-decoration: none;

}

.skype {
text-decoration: none;

}

And, then here's what's in the header file:

<div class="skype">
<a href="skype:personsnameonskype?call">
<img src="<?php echo get_template_directory_uri(); ?>/images/skype_icon.png" alt="Contact Person Internationally on Skype"/><span>SKYPE</span></a>
</div>
</div>

Question is....

The word SKYPE should come up as a live link to the right and middle of the Skype image. It is to the right of the image, but it's at the bottom. So, it's not centered. What css change needs to occur here to make the text in the middle? I've tried the following on all three places and neither seems to take effect.

{
vertical-align:middle;
}
#css #question #wordpress
  • Profile picture of the author holocene
    Can you provide a link to the site? There's no way to tell without seeing it.
    {{ DiscussionBoard.errors[8576683].message }}
    • Profile picture of the author lerxtjr
      zzzzzz dot com, top right corner is where the skype text link is
      Signature

      Come practice your public speaking skills with us FREE every week! SpeakersSpeakLIVE.com >>

      {{ DiscussionBoard.errors[8576731].message }}
  • Profile picture of the author WebTekMedia
    Honestly just use the skype logo. Here's a quick dirty fix.

    <span style='position:relative; top:-6px;'>SKYPE</span>
    {{ DiscussionBoard.errors[8576816].message }}
    • Profile picture of the author lerxtjr
      yep, tried to suggest that...that worked, thx!
      Signature

      Come practice your public speaking skills with us FREE every week! SpeakersSpeakLIVE.com >>

      {{ DiscussionBoard.errors[8576866].message }}

Trending Topics