Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 25, 2016 at 2:24 pm #664641
    Janpieters

    Hi there,

    I have followed this tip on setting up a custom style per element:http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    I have created a custom style ‘jp-dashed’ to the one half column element.

    Now I want to change the border style to ‘dashed’ by using the following css:

    .jp-dashed {
    border-style: dashed;
    }

    The border doesn’t change to a dashed one.

    What am I doing wrong?

    July 26, 2016 at 1:32 am #665031
    Josue

    Hey Janpieters,

    Set the class to the Column instead of the Text Block.

    Best regards,
    Josue

    July 26, 2016 at 9:38 am #665172
    Janpieters

    Hi Josue,

    I have set the custom css class of the columns to ‘jp-dashed’.

    And I placed this css code in my child theme:

    .jp-dashed {
    border-style: dashed;
    }

    Still no dashed borders.

    What am I doing wrong?

    July 26, 2016 at 9:46 am #665176
    Basilis

    Hey!

    Please change to

    .jp-dashed {
    border-style: 1px solid #000 dashed;
    }

    let me know if it works

    Best regards,
    Basilis

    July 26, 2016 at 9:50 am #665179
    Janpieters

    .jp-dashed {
    border-style: 1px solid #000 dashed;
    }

    Stil no dashed line. I’m sorry.

    July 27, 2016 at 3:19 am #665574
    Josue

    Hi,

    Try adding !important:

    .jp-dashed {
border-style: 1px solid #000 dashed !important;
}

    Best regards,
    Josue

    July 27, 2016 at 10:45 am #665655
    Janpieters

    Hi Josue,

    Thanks!

    This didn’t work:

    .jp-dashed {
    border-style: 1px solid #000 dashed !important;
    }

    But this worked:

    .jp-dashed {
    border-style: dashed !important;
    }

    Solved!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Change border style of element tot dashed’ is closed to new replies.