Move closing button inside slide-in

  • Resolved wakeforce

    (@wakeforce)


    7 years, 9 months ago

    Hi,

    I’d like to move the “X” button to close the slide-in inside the slide-in box, and make it bigger. What custom CSS could I use?

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Laura – WPMU DEV Support

    (@wpmudev-support8)

    7 years, 9 months ago

    Hey @wakeforce,

    Hope you’re well.

    Can you try this custom CSS;

    .hustle-modal header{
	margin-bottom:-60px !important;
	padding-right:10px !important;
}

.hustle-modal header .hustle-icon{
	width:20px;
	height:20px;
	max-width:20px !important;
	max-height:20px !important;
}

    You can try from Appearance > Customize > Custom CSS panel or Hustle editing slide-in design tab custom CSS panel.

    Cheers,
    Oguz

    Thread Starter wakeforce

    (@wakeforce)

    7 years, 9 months ago

    Hi Oguz,

    Thanks for your reply.

    I tried putting in the custom CSS, but the closing button won’t go lower than halfway across the top of the box. I tried increasing the padding parameter, but no change. Here’s a screenshot: https://imgur.com/a/kYYqYb3

    I left the changes applied to the live page so you can have a look.

    Cheers,

    Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    7 years, 9 months ago

    Hello @wakeforce

    Hope you’re doing well!

    I’ve visited your site and the button is showing inside the slide-in. Please see this screenshot:
    https://monosnap.com/file/cewhDlmexfRlqGbMR9xVrc6QcMnH1g

    I see you’ve added !important tag that fixed this issue.

    Let us know if you have any further questions!

    Cheers,
    Nastia

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

The topic ‘Move closing button inside slide-in’ is closed to new replies.