Image in upper right?

Discussion in 'Infoway WordPress Theme' started by justglenn, Feb 12, 2014.

  1. justglenn

    justglenn New Member

    Joined:
    Aug 1, 2013
    Messages:
    12
    Likes Received:
    0
    Can I include an image and text in the "top right contact details" section?
    If so, how?

    Thanks,
    Glenn
    lacultra.com
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Go to the "Top Right Contact Details" section ( Appearance > Theme Options > General Settings ) in your dashboard and paste the code given below
    Code:
    <img src="Enter the image URL address here">
    <p>Enter your text here</p> 
    This will solve your issue.
     
  3. justglenn

    justglenn New Member

    Joined:
    Aug 1, 2013
    Messages:
    12
    Likes Received:
    0
    Thank you.
    However, it doesn't work. The text shows, but not the image. Is there a size limit? My image is 150x150
    Also, is there a way to have this image link to a page?
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    There is a code
    Code:
    .header .contactinfo img {
    display: none;
    }
    in the custom css (Appearance > Theme Option > Styling Option > Custom CSS)
    which is restriction image to display there.
    Replace that code with code given below.
    Code:
     img[alt="Contact Info"] {
    display: none;
    }
    It will work.
     
  5. justglenn

    justglenn New Member

    Joined:
    Aug 1, 2013
    Messages:
    12
    Likes Received:
    0
    Thank you again, but I still would like to add a link to this image.
    Also, the image is justified left, and I'd like it aligned right.
    Can you help me with this?
     
  6. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .header .contactinfo span.calldetails {
    text-align: right;
    float: right;
    }
     
    This will solve your issue.
     
  7. justglenn

    justglenn New Member

    Joined:
    Aug 1, 2013
    Messages:
    12
    Likes Received:
    0
    Thanks, Piyush. I did this and it worked to bring the image to the right.

    However, you forgot to tell me how I can make it clickable to a link.

    Thanks.
     
  8. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    You can use hyperlink code for this issue.
    See the link for more details
    http://www.w3schools.com/html/html_links.asp

    Add the hyper link code with image code as given below.
    Code:
    <a href="Enter Your Link Here"><img src="Enter the image URL address here"> </a> 
    This will solve your issue.
     

Share This Page