WordPress.org

Forums

Picture File problem in Bluehost with agency theme (5 posts)

  1. AlexMorask
    Member
    Posted 3 years ago #

    Hello. I currently use a theme called agency that I downloaded for free offline. Now excuse me, because I have very little experience in coding and web stuff so please be patient as I try to figure this out.

    On this theme, there's a section in the upper right called suscribe. There are the social media icons and then the text next to them which are links to the respective social media pages.

    I'm trying to add more social media links in this section but I'm having a problem.

    An example of my problem is that I wanted to add a foursquare icon with text next to it which was a link to my foursquare page. My coding reads like this: (I use bluehost by the way)

    <li id="facebook">Facebook
    <li id="twitter">Twitter

    This coding is in the right sidebar section of the agency theme's coding in my file directory.

    C panel - File Directory - WP Content - Themes - Agency - Side Bar Right

    So what I did is go to my images folder of the theme
    C Panel - File Directory - WP Content - Themes - Agency - Images
    and I uploaded a png icon for foursquare the same exact sizes of the Facebook and Twitter ones already in my images folder that came with the theme.

    I named the file foursquare.png and it uploaded fine.

    I then added this code to the right sidebar.
    <li id="foursquare">Foursquare

    But when I went to check on the my website (http://moderndaymadman.com) the foursquare image didn't show up. The only thing that showed up was the text link to the right of it.

    I've been having the same problem with other images I want to upload to my file directory on Blue Host and use on my site. Can someone please help me with this?

    Thanks

  2. AlexMorask
    Member
    Posted 3 years ago #

    That's actually not what my coding looks like but when I type it into the WordPress forum it gets distorted into that because the forum posts are in html. Is there a way i can post my code and it won't get distorted?

  3. diogorighi
    Member
    Posted 3 years ago #

    Yes. Click on CODE, than paste your code and lick CODE again.

  4. AlexMorask
    Member
    Posted 3 years ago #

    <li id="facebook"><a href="http://facebook.com/alexmorask">Facebook</a></li>
    <li id="twitter"><a href="http://twitter.com/alexmorask">Twitter</a></li>
    <li id="foursquare"><a href="http://foursquare.com/alexmorask">Foursquare</a></li>

    Thanks. That's the code I use, but the foursquare icon won't show up on the page.

  5. bh_WP_fan
    Member
    Posted 3 years ago #

    The code you have added is only for a link. Image code will look differently. As I do not know how your icon is supposed to show up, or where it is, etc., I can't really advise there, but proper image code will look something like this:

    <img src="wp-content/uploads/2011/08/myimage.jpg" />
    Or a linked image:
    <a href="http://mydesireddomain.com"><img src="path/to/image.jpg" /></a>

Topic Closed

This topic has been closed to new replies.

About this Topic