Fork me on GitHub
Please upgrade to 2.1.x here. The 2.0 branch is no longer being updated.
Critical: Update to 2.1.8, released 15 Jan.

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

  • ddumontddumont ✭✭
    edited May 2012 Answer ✓

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

    My addons: NillaBlog | Vanoogle

    UnderDog
Sign In or Register to comment.