One-Third Styling?

  • Resolved BuckRogers23

    (@progers84)


    6 years, 11 months ago

    Hi Michael,

    Firstly, the plugin works great and will make a big difference to our internal comms (Sign Language users here!).

    There’s probably a really easy solution for this, but I’m just trying to define VM in a ‘one-third’ class so it sits nicely beside a two-third textbox. Because it cannot be styled within NinjaForms itself I am trying to set the class using CSS.

    I’ve tried manually defining the width using the DIV ID (which is 364) like this:

    #nf-field-364-container {

    width: 31.623931623931625%;
    }

    But it doesn’t work? As you may have already guess, I’m not a Developer so apologies if there’s a simple solution to this!

    The current DIV class is class=”nf-field-container videomail-container label-above textbox-container” . If I change “textbox-container” to “one-third” by inspecting the element, it works fine, but how do I define this using CSS?

    Thanks in advance,

    Pete

Viewing 1 replies (of 1 total)
  • Plugin Author Michael Heuberger

    (@michaelheuberger)

    Hi Pete

    Sorry for the late response. Somehow WordPress didn’t notify me by email. Great you find this plugin very useful for Sign Language ??

    I recall you emailed me and I replied solution. Just for the record here:

    Better don’t do that. Because 364 is a random number and might change when you edit the form each time.

    Maybe try with CSS class names only. Here an *untested* idea:

    div.videomail-container {
  width: 31.623931623931625% !important;
}

    This gives the videomail container one third of the width from its parent element. The important keyword ensures that no other rules can override this one.

    Cheers
    Michael

Viewing 1 replies (of 1 total)
  • The topic ‘One-Third Styling?’ is closed to new replies.