Customize the alignment of tab widget

  • Profile Image
    minemetitiri
    Asked on February 11, 2016 at 12:44 PM

    I would like to move my tabs off more the the right, off center. However the CSS code below that I have written doesn't seem to work when I say right align. What am I doing wrong?

     }

    .tabs-list {

        align: right;

    }

    I would like to have it in-line with the title "Survey on Current Use of Health Data", located a bit more to the right.

     

     

     

  • Profile Image
    Nik_C
    Answered on February 11, 2016 at 02:27 PM

    Hello,

    You were almost there, what you have to write inside tabs list class is:

    .tabs-list {

        text-align: center;

    }

    And your form will look like this:

    Hope that's what you wanted. Give a try and let me know if that worked for you.

    Best regards.

  • Profile Image
    minemetitiri
    Answered on February 11, 2016 at 02:47 PM

    Thank for your response,

    This isn't quite the answer I was looking for. What I am trying to do is get the tabs list to be inline with the text and not the photo as it is now. So for the list to be inline with the text of the survey title below it. 

     

  • Profile Image
    Nik_C
    Answered on February 11, 2016 at 03:03 PM

    Hello,

    Sorry for misunderstanding.

    For aligning it to the right to be closer to inline with the title, something like this:

    You will have to put this inside tabs-list class:

    .tabs-list {

        float: right;

        margin: 0 !important;

    }

    If you want to have it exactly inline with title, you'll have to shrink tabs list a little so it will fit that space.

     

    Please let me know if this works for you.

     

    Thank you.

  • Profile Image
    minemetitiri
    Answered on February 12, 2016 at 09:31 AM

    Perfecto! Thank you. This is exactly what I had in mind. 

  • Profile Image
    Nik_C
    Answered on February 12, 2016 at 09:37 AM

    Hi there,

    I'm glad that it worked for you!

    Have a great day.

     

    Best regards,