Close button on pop-ups

  • Resolved Brian – TGL

    (@w411)


    7 years, 2 months ago

    Is there an easy way to move the close button for the pop-ups into the event window?

    It’s exceptionally hard to see for new visitors that don’t know where to look for it:

    2019-04-06_0104

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Joe Dolson

    (@joedolson)

    7 years, 2 months ago

    Adjust the CSS for .mc-main button.close; changing the position will resolve that. You could also give it padding to make the button more obvious.

    Thread Starter Brian – TGL

    (@w411)

    7 years, 2 months ago

    It seems to be inside another container as this css made no difference:

    .mc-main button.close {
    object-position: right top;
    }

    could you give an example code that will put the close button either at the top right or left of the box?

    Thread Starter Brian – TGL

    (@w411)

    7 years, 2 months ago

    This seems to be much easier to see:

    .mc-main button.close {
    left: 8px;
    top: 7px;
    vertical-align: middle;
    outline: none;
    }

    button.mc-toggle.close:after {
    content: ‘Close’;
    position: absolute;
    top: -3px;
    left: 25px;
    }

    2019-04-08_0341

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Close button on pop-ups’ is closed to new replies.