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

XF 1.3 Centering Sharing options on Sidebar

Discussion in 'Styling and Customization Questions' started by Daniel-SP, Apr 22, 2014.

  1. Daniel-SP

    Daniel-SP Active Member

    Hello,

    I have updated the sidebar sharing options for each social network to show like balloons. I like the final result BUT I would like to center the buttons on the widget area.

    here is the css I edited so far:

    .sidebar .sharePage .shareControl
    {
    padding: 3px;
    margin-top: 0px;
    float: left;
    }

    Its looking perfclty except for the aligment. Just centering those ligned buttons would solve my problems.. but as far as I searched, its not possible to align a "float:left" element..

    Thanks in advance,
     

    Attached Files:

    Last edited: Apr 22, 2014
  2. iGloo'

    iGloo' Member

    Code:
    .sidebar .sharePage .shareControl {
    text-align: center;
    }
    Just tried it quickly on my own forum. Seems to work.

    Another way, that I don't recommand:
    Edit the template: sidebar_share_page
    and add <center> and </center> HTML tags to center what you want in this template to be center.
    (y)
     
    Last edited: Apr 23, 2014
  3. Daniel-SP

    Daniel-SP Active Member

    You CSS suggestion would work but the point is that I'm using a float: left; to position the icons side by side.. The text-align dont work on this case..

    I will wait for antoher CSS suggestion instead of edit the template, hehe
     
  4. iGloo'

    iGloo' Member

    And what about
    margin-left: ##px;
    ?

    I know understand what you need.
    Tried this one. This will work as I understand your request.
     

Share This Page