Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 12, 2016 at 10:46 am #684974
    patricknh

    Hi – I am trying to customise a button on a page (see image) with custom css but it never seems to change the actual button which appears within the custom “button” outline with same color and size as per the standard setting. In web inspector I see the custom selector but it seems to have no effect and is overridden by something else.

    Can you help me solve this problem please? Ultimately I would like to define a number of different buttons with custom size, text size inside, background transparent or filled with colour and border witdth, colour and corners.

    Details below –

    tia

    • This topic was modified 8 years, 3 months ago by patricknh.
    September 13, 2016 at 2:22 pm #685790
    Rikard

    Hi patricknh,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .avia-button.avia-size-large {
    padding: 15px 30px 13px !important;
    min-width: 230px !important;
}

    You might want to consider assigning a custom class to it if you want more button styles: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Thanks,
    Rikard

    September 16, 2016 at 8:35 am #687313
    patricknh

    Thanks Rikard, haven’t quite got it right but I will try some things. Wish that link page had more detailed examples!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Custom button problem’ is closed to new replies.