WordPress.org

Forums

Coller
Button under Social Media Icons (7 posts)

  1. thriveology
    Member
    Posted 1 year ago #

    I'd like to add an image that looks like a button..so just a color shape with our phone number on it that says Call:333-333-3333.
    I would like to add this under the social media icons.

    I can make a jpeg of what i want, but what coding would I need to add a jpeg there

    and where in my css do i add that?

    Justina

  2. CrouchingBruin
    Member
    Posted 1 year ago #

    Hi, Justina:

    When you added your phone number under the social media buttons, did you use CSS method or did you use the JQuery method from this thread?

  3. thriveology
    Member
    Posted 1 year ago #

    CSS method under the theme settings.

  4. CrouchingBruin
    Member
    Posted 1 year ago #

    And you want to replace all of the contact information that you entered from before (phone number, address, and e-mail address) with just the one image? Alter the CSS that you entered previously to look like this:

    #social_icons:after {
       content: url(http://www.thriveology123.com/images/my_image.jpg);
       white-space: pre;
       display: block;
       margin-left: 20px;
    }

    The url value should point to the image that you uploaded. You can also adjust the margin-left value to move the image left or right.

  5. thriveology
    Member
    Posted 1 year ago #

    I want to replace the contact number with my jpeg number button and have the rest of the contact info below it. Would that look weird?

  6. CrouchingBruin
    Member
    Posted 1 year ago #

    It wouldn't look weird, but it would be impossible to do with the CSS method, you'd have to switch over and use JQuery. Which isn't very difficult, you just need to install a plugin and copy the JQuery code to it. Once that's in place, not only can you add the image separately from the rest of the info, you can do things like turn the e-mail address into a link so that when users click on it, it opens up a blank e-mail message in their e-mail client for them to send to you.

    I'll be leaving for home soon, so if I don't respond right away, that's why.

  7. thriveology
    Member
    Posted 1 year ago #

    This sounds great! I have to leave work but I'll learn how to use JQuery after installing tomorrow. Thank you so much for ALL of this help!!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.