theme > custom.css > a.close { > x button > move to left

acoda

I'd like to swap the place of x button from right to left because of it's more usual for me and my user (a forum for classmates)! because: our desktops is gnome.

you can find what i'm saying here:

I found the option is "a.close" in style.css

I copied a.close part to custom.css of the current theme.

I changed right: 20px; to:

    left: 20;
    right: none;

cascading does not work. it's read from /dashboard/desgn/style.css again!

ddumont

Try setting right: auto !important instead of none in the example you have up there.

whu606

@acoda

Perhaps it's just a transcription error, but you've left px out in your example.

Sometimes I've had to add

!important 

to a css rule to get Vanilla to give it priority.

acoda

Perhaps it's just a transcription error

error?

you've left px out in your example.

yeah, it's just lost during copy/past process!

Sometimes I've had to add !important

a.Close {
    left: 20px !important;
    right: none !important;
}

didn't work. x button didn't move!

If i change "right: 20px" to "left: 20px" into /dashboard/design/style.css -> that works...

ddumont

Try setting right: auto !important instead of none in the example you have up there.