Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 30, 2015 at 3:38 pm #511605
    richardelectrix

    Hi

    On an Icon List how do I move the Icon List back to the centre of the circle?

    http://screencast.com/t/jW9vW4zd

    September 30, 2015 at 3:41 pm #511611
    Dake

    Hi richardelectrix!

    We can provide you with specific css if we have a link to your website.

    Regards,
    Dake

    October 1, 2015 at 11:14 am #512065
    richardelectrix

    dev2.electrixinternational.com

    October 1, 2015 at 12:38 pm #512098
    Yigit

    Hey!

    Seems like you figured it out – http://i.imgur.com/rbhjxNO.png?
    If not, can you please post the link to your page where we can see your icons?

    Best regards,
    Yigit

    October 1, 2015 at 12:44 pm #512110
    richardelectrix

    Hi,

    I havent figured it out, I have just undone all of the css I had in place to shrink the icons.

    If you have a look here, I will re-enable the css.

    http://dev2.electrixinternational.com/products/trunking-systems/

    You will notice as well how the second icon list is totally out of line compared to the first one (the icons arent in line with the text)

    October 1, 2015 at 1:08 pm #512125
    Andy

    Hi!

    please remove any custom CSS code you have used, to check which one is causing this issue.
    Deactivate all plugins as well, maybe one is causing a conflict.

    Regards,
    Andy

    October 1, 2015 at 1:53 pm #512171
    richardelectrix

    The issue is caused as soon as the icon size has been changed by the css.

    October 2, 2015 at 4:59 am #512516
    Ismael

    Hi!

    Please post the css modifications on the pastebin.com. We would like to check it. The icons looks OK when I visit the page: http://dev2.electrixinternational.com/products/trunking-systems/

    Regards,
    Ismael

    October 2, 2015 at 9:32 am #512641
    richardelectrix

    Hi

    I have turned the css off as it was causing issues so now it is the default icon list. I was trying to get the icons and text smaller using this code …

    /* CT START Control the size of the icon list and text and bottom margin */

/* .iconlist-char { */
/*     font-size: 20px; */
/*     position: absolute; */
/*     top: 0px; */
/*     left: 0px; */
/* } */

/* If you assign this css class to an icon list they will pick up the css class */
#top .product-icon-list {
    margin-bottom: -40px;
}

/* Icon List */

/* .avia-icon-list .iconlist_icon { */
/*    height: 30px; */
/*    width: 30px; */
/*    line-height: 30px; */
/*    position: relative; */
/*    top: 0px; */
/*    left: 20px; */
/* } */

/* CT END Control the size of the icon list and text */
    October 3, 2015 at 9:26 pm #513216
    Andy

    Hi!

    I tried this code and it seems to work fine:

    a.iconlist_icon.avia-font-entypo-fontello {
height: 30px;
width: 30px;
line-height: 21px;
left: 15px;
}
span.iconlist-char {
font-size: 20px;
}

    Can you provide us admin access, so we can try the code inside you Quick CSS field? post login details here as private reply.

    Best regards,
    Andy

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.