Can I use the Second Footer Widget area to place logos on Home Page?

Discussion in 'BlackBird WordPress Theme' started by louanncovi, Dec 24, 2013.

  1. louanncovi

    louanncovi Member

    Joined:
    Jun 12, 2013
    Messages:
    116
    Likes Received:
    1
    Location:
    Sun City West, AZ USA
    Can I use the Second Footer Widget area to place logos from countries / regions that I'm certified to sell travel to, on my home page? I've added one of these logos, but it takes up the entire footer area (and more). I would like to be able to add several logos, which could be clicked on to open and view in a new window. So I need to understand a 2 things.
    1) Can I add several logos here (and do I add them into the Black Study TinyMCE, where I've added the first one?
    2) How do I size them, so they all fit?
    3) Can I set them, so they will open in a new window, if clicked on?
    http://www.covitravel.com/
    Thank you,
    LouAnn
     
  2. 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:
    .textwidget  img {
    width: 60px! important;
    height: auto! important;
    padding: 3px;
    margin: 0px;
    display: inline;
    }
    .textwidget p  img {
    width: 60px! important;
    height: auto! important;
    padding: 3px;
    margin: 0px;
    display: inline;
    }
     
    You can adjust the above values in the code as per your requirement.

    Now,
    Go to the Appearance -> Widgets panel in your dashboard and
    paste the image and link code as given below in the text widget area of Second Footer Widget Area.

    Code:
    <a href="Enter the link address for first footer logo here"><img src="Enter the address of first footer logo image here" ></a>
     
    <a href="Enter the link address for second footer logo here"><img src="Enter the address of second footer logo image here" ></a>
     
    <a href="Enter the link address for third footer logo here"><img src="Enter the address of third footer logo image here" ></a>
     
    <a href="Enter the link address for fourth footer logo here"><img src="Enter the address of fourth  footer logo image here" ></a> 
    Likewise, you can add more than 4 images as per your requirement.

    This will solve your issue.

    See the image for reference.
    [​IMG]
     

Share This Page