Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Try Vanilla Forums Cloud product

Ready to contribute?

Amazing! Sign our contributors' agreement and then join us on GitHub.

Update for critical security issue in PHPMailer included in release Vanilla 2.3.1
Please upgrade to 2.3 here. The 2.2 and earlier branches are no longer being updated.

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

edited May 2012 in Vanilla 2.0 - 2.2

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!

Best Answer


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


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

    Sometimes I've had to add


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

  • edited May 2012

    Perhaps it's just a transcription 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 Accepted Answer

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

    My addons: NillaBlog | Vanoogle

Sign In or Register to comment.