Fork me on GitHub
Current release is 2.1.6 (21 Nov 2014).

Users who have not yet upgraded to 2.1 should get security release 2.0.18.14 (1 Nov 2014). We will stop providing these security releases to 2.0 at the end of this year.

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

edited May 2012 in Vanilla 2.0 Help

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:

x button from right side to left side

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!

Tagged:

Best Answer

Answers

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... Moderator
    edited May 2012

    @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.

  • edited May 2012

    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...

Sign In or Register to comment.