1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Share This Page Widget in Sidebar icon align

Discussion in 'Media Gallery Support' started by Mr Lucky, Nov 13, 2014.

  1. Mr Lucky

    Mr Lucky Well-Known Member

    Is it possible to make the icons align horizontally rather than vertically?

    Thanks
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    The sidebar would have to be overly wide to allow that.
     
  3. Mr Lucky

    Mr Lucky Well-Known Member

    My sidebar is 300px, it would allow it.
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Apply a float left to the class used for each share service.

    You may need to edit the CSS for the container, to add a height, otherwise the floated items will break out of the bottom.
     
  5. Mr Lucky

    Mr Lucky Well-Known Member

    Thanks. Do you know how I find out which exact container I need to specify?
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    It has a unique class.
    upload_2014-11-13_14-22-25.png
     
  7. Mr Lucky

    Mr Lucky Well-Known Member

    Thanks. I tried that, not working

    Have I got something wrong:

    Code:
    .section. infoBlock. sharePage
    
    {
    height:70px; !important;
    }
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

    It needs to be applied to the secondaryContent div.
     
  9. Mr Lucky

    Mr Lucky Well-Known Member

    So

    Code:
    secondaryContent. section. infoBlock. sharePage
    Sorry I'm a bit thick with css
     
  10. Mr Lucky

    Mr Lucky Well-Known Member

    Got it!

    Code:
    /* height }*/
    
    .section.infoBlock.sharePage div.secondaryContent
    
    {
    height:90px; !important;}
     

Share This Page