Styling buttons

  • Resolved Chuckie

    (@ajtruckle)


    5 years, 11 months ago

    I have used your option to style my buttons using a class as defined here:

    /* Buttons */
.my-button {
	background: #248ed0;
	color: #fff;
	border: solid 1px;
	border-color: inherit;
	font-size: inherit;
	text-decoration: none;	
}

    Only one of the buttons styles and behaves correctly when hovering:

    View post on imgur.com

    Create New Topic
    View Profile

    These don’t behave like Mark all…

    Andrew

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Robin W

    (@robin-w)

    5 years, 11 months ago

    without being able to see this on a live site, I can’t really comment.

    what happens if you style them using the part in the tab rather than a class?

    Thread Starter Chuckie

    (@ajtruckle)

    5 years, 11 months ago

    I think the problem is because the “Mark all as read” is a form / input

    But the other two are a div / a

    Plugin Author Robin W

    (@robin-w)

    5 years, 11 months ago

    in which case you would probably need to style the anchor as css sees this as different

    either

    a.my-button

    or

    .my-button a

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

The topic ‘Styling buttons’ is closed to new replies.