Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 13, 2016 at 3:41 pm #698803
    smoothbob

    Hi

    on this site:

    IVA (Individual Voluntary Arrangement)

    I am trying to change a few things –

    1. the tab colours.
    I can change the tabs OK across the site, but each page has different coloured tabs (or will have), but when I try and target them by page number nothing happens
    .page-id-453 .js_active .tab {font-size: 22px; padding: 16px; background: #dfd80b ; color: #ffffff !important}
    .page-id-453 .js_active .active_tab {font-weight: bold; color: #dfd80b !important; }

    2. Column gutter
    On the attached image how can I reduce the column gutter spacing?

    3. Forms
    How can I range the inputs and the whole form left instead of centre, and also how can I reduce the spacing between items? For example AM, PM and EVENING could all fit on one line

    many thanks

    October 17, 2016 at 7:05 am #699791
    Ismael

    Hi smoothbob!

    Thank you for using Enfold.

    1.) The selector is invalid. Please try this one.

    .js_active .page-id-453 .tab { font-size: 22px; padding: 16px; background: #dfd80b ; color: #ffffff !important }

    2.) Adjust the column width and margin.

    div .av_two_fifth {
    margin-left: 3%;
    width: 37.4%;
}

    This will affect every 1/5 columns in the site so you need to turn on the custom css class field if you want to apply it on a specific column.

    Turn on Custom CSS Class field for all ALB Elements

    3.) Do you want the checkbox to go on top of each other? Please set the Form Element Width to Fullwidth.

    Regards,
    Ismael

    October 17, 2016 at 6:20 pm #700168
    smoothbob

    Hi

    all fixed thanks, except the checkboxes – better on one line so less wide…

    . input_checkbox_label {width: 90px !important} (rather than using custom class on the whole form or should I?)

    thanks

    October 17, 2016 at 7:12 pm #700197
    Basilis

    Hey!

    Happy you could have solved it.
    Feel free to let us know if we can do anything else.

    Thanks a lot

    Best regards,
    Basilis

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘A few css tweaks’ is closed to new replies.