0
Welcome Guest! Login
2 items / $48.00 Checkout

Right Justify Module?

Last Post
Search Topic
    • jshort's Avatar
    • jshort
    • Hero Rocketeer
    • Posts: 257
    • Thanks: 1

    Right Justify Module?

    Posted 10 years 5 months ago
    • I have a horizontal login module in the header-b position and want to right justify the module and after a user logs in, the module stays justified to the far right. How can I do this?
    #1041086
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Right Justify Module?

    Posted 10 years 5 months ago
    • do you have a link to check?
    #1041088
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Right Justify Module?

    Posted 10 years 5 months ago
    • add this to your css

      #rt-header div.rt-container div.uk-form-row {
      float: right;
      }
    #1041091
    • jshort's Avatar
    • jshort
    • Hero Rocketeer
    • Posts: 257
    • Thanks: 1

    Re: Right Justify Module?

    Posted 10 years 5 months ago
    • That worked, but when you login, the module doesn't right justify. I will PM you a test account login.
    #1041093
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Right Justify Module?

    Posted 10 years 5 months ago
    • try

      #rt-header div.rt-container div.uk-form-row,
      #rt-header div.rt-container .uk-grid {
      float: right;
      }
    #1041094
    • jshort's Avatar
    • jshort
    • Hero Rocketeer
    • Posts: 257
    • Thanks: 1

    Re: Right Justify Module?

    Posted 10 years 5 months ago
    • That worked. Thank you! The only other thing is, when I right justified the module, the icons after the text boxes moved down so they are not centered vertically anymore. Any ideas?
    #1041096
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Right Justify Module?

    Posted 10 years 5 months ago
    • of your course ... using the float creates a new block-formatting-context.

      try adding this to your css

      #rt-header form.uk-form {
      margin-top: 10px;
      margin-bottom: 0;
      }

      adjust the margin top for your needs.
    #1041099
    • jshort's Avatar
    • jshort
    • Hero Rocketeer
    • Posts: 257
    • Thanks: 1

    Re: Right Justify Module?

    Posted 10 years 5 months ago
    • That is affecting the whole login form ( text boxes + icons ) and I need to adjust just the icons. Before I right justified the module, the icons were vertically centered with the text boxes.
    #1041101
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Right Justify Module?

    Posted 10 years 5 months ago
    • add this to your css

      #rt-header div.uk-form-row input{
      margin-bottom: 0 !important;
      }
    #1041103
    • jshort's Avatar
    • jshort
    • Hero Rocketeer
    • Posts: 257
    • Thanks: 1

    Re: Right Justify Module?

    Posted 10 years 5 months ago
    • That worked. Thanks. :D
    #1041106

Time to create page: 0.050 seconds