Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 31, 2014 at 1:16 am #19812
    Suruchi
    Participant

    Hi Sakin,

    Is there a way i can make the images in the footer widget align horizontally instead of vertically.

    I am using image widgets within footer area one widget. I was using just one image previously with all the logos but it was hard to link them to respective websites.

    I have about 5 more images that i want to add so when click goes to its own website.

    http://www.sanjaykgupta.com/

    January 31, 2014 at 12:59 pm #19824
    Sakin
    Keymaster

    @suchi: You can try adding in the following CSS in “Appearance => Theme Option => Custom CSS” box which will make your image widget align horizontally.
    #supplementary .widget-area .widget_simpleimage { display: inline-block; float: left; }

    February 1, 2014 at 1:37 am #19843
    Suruchi
    Participant

    Its working fine on my demo site http://www.sanjaykgupta.com

    but not working on my actual site http://www.gotmold.ca

    February 1, 2014 at 9:08 am #19848
    Sakin
    Keymaster

    @suchi: For that site, the css will be as below:

    #supplementary .widget-area  .widget_sp_image {
    display: inline;
    float: left;
}
    February 2, 2014 at 12:41 am #19860
    Suruchi
    Participant

    That worked perfect. How do i make my images align middle?

    February 2, 2014 at 9:48 am #19880
    Sakin
    Keymaster

    @suchi: Since it’s multiple image with different sizes, it will be difficult to align it. But you can try replacing your current custom css

    #supplementary .widget-area  .widget_sp_image {
    display: inline;
    float: left;
}

    With the following CSS.

    #supplementary .widget-area .widget_sp_image {
    display: inline-block;
    vertical-align: top;
}
    February 2, 2014 at 9:59 pm #19900
    Suruchi
    Participant

    Awesome worked just changed vertical-align: middle; i tried this before but didn’t work i guess by changing display: inline; to display: inline-block;
    did the trick.

    Thank you for all the support 🙂

    Suchi

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘images in the footer widget’ is closed to new replies.