CSS Issues

  • Resolved Carl

    (@carlbtmn)


    1 year, 3 months ago

    Why are you using (!important) in the css?

    These lines are messing with my pages, specifically “margin-bottom”:

    .um:not(.um-admin) {
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	color: #666;
	font-size: 15px;
	margin-bottom: 30px !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	opacity: 0;
}

    How can we avoid this?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support andrewshu

    (@andrewshu)

    Hello @carlbtmn

    You need to overwrite this CSS like this:

    body .um:not(.um-admin) {
	margin-bottom: 0px !important;
}

    Regards.

    Thread Starter Carl

    (@carlbtmn)

    I understand, but why are you using !important in your code?

    Thread Starter Carl

    (@carlbtmn)

    This is just affecting the body, but your code is also messing with the footer. What do I need to add?

    Thread Starter Carl

    (@carlbtmn)

    .um:not(body .um-admin)

    body inside the parenthesis fixed my issue.

    Is it possible to clean the CSS and avoid using !important in a future release?

    Plugin Support andrewshu

    (@andrewshu)

    Hello @carlbtmn

    THank you for your feedback. We will try to improve the CSS code in the future.

    Regards.

    Plugin Support andrewshu

    (@andrewshu)

    Hi @carlbtmn

    This thread has been inactive for a while so we’re going to go ahead and mark it Resolved.

    Please feel free to re-open this thread if any other questions come up and we’d be happy to help. ??

    Regards

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS Issues’ is closed to new replies.