Style For "Back to Discussions"
  • JaySJayS
    Posts: 12
    This discussion is related to the Joie addon.
    First off, very cool theme. I am adapting this to work with my existing website.

    There s one button, "Back to Discussions" that is blue, like the original Vanilla Theme. I am searching for a way to style it but coming up empty.
  • RonRon
    Posts: 53
    Can you provide a demo link.
  • NimaveliNimaveli
    Posts: 93
    Yea, I'm having the same problem cause i'm using that theme to lol.
  • digibombdigibomb
    Posts: 84
    Hey guys,

    Sorry, I will fix it! Thanks for finding that bug!

    Community Manager for Vanilla Forums

  • JaySJayS
    Posts: 12
    @digibomb you did a great job on that theme. Thanks for looking into it.
  • NimaveliNimaveli
    Posts: 93
    @Digibomb, ahh that's good news! :D Thanks for looking into it bro.
  • digibombdigibomb
    Posts: 84
    @JayS @Nimaveli I've uploaded a newer version with the css fix. Enjoy!

    Community Manager for Vanilla Forums

  • NimaveliNimaveli
    Posts: 93
    @digibomb
    Oh that's great! But I managed to fix it myself to. Here's how it looks;

    http://a.imageshack.us/img714/8111/testdn.png

    Want me to upload that part of the CSS?
  • digibombdigibomb
    Posts: 84
    @Nimaveli looks good! you can upload if you want ;p

    Community Manager for Vanilla Forums

  • NimaveliNimaveli
    Posts: 93
    @digibomb
    Sorry for the very late reply but I lost my own part of the CSS and everything was reverted back to normal. I couldn't really be bothered to edit that button cause my forum isn't live yet anyway. But I finally got to it. So if you want those buttons to look like this(with a hover effect, which makes them darker but it can't be seen in the screen):

    http://a.imageshack.us/img836/1072/previewvf.png

    Then add this code in your applications/dashboard/design/style.css file. You have to find the previous code and replace it with this ofcourse. I'm not sure if just adding it in there will overwrite it automatically. And it seems that adding it in your custom.css file will work also. But I didn't test it cause it worked when I put it in the style.css anyway :P

    CODE FOR BACK TO DISCUSSIONS:
    div.MessageForm a.Back,
    div.MessageForm a.Back:link,
    div.MessageForm a.Back:hover,
    div.MessageForm a.Back:active,
    div.MessageForm a.Back:visited,
    div.MessageForm a.Cancel,
    div.MessageForm a.Cancel:link,
    div.MessageForm a.Cancel:hover,
    div.MessageForm a.Cancel:active,
    div.MessageForm a.Cancel:visited,
    div.MorePager a,
    div.MorePager a:link,
    div.MorePager a:hover,
    div.MorePager a:active,
    div.MorePager a:visited,
    a.TabLink,
    a.TabLink:link,
    a.TabLink:hover,
    a.TabLink:active,
    a.TabLink:visited,
    div.Tabs li a,
    div.Tabs li a:link,
    div.Tabs li a:hover,
    div.Tabs li a:active,
    div.Tabs li a:visited {
    margin: 0;
    margin: 0;
    font-size: 11px;
    padding: 4px;
    background:#f2f2f2;
    color: #000;
    border: 1px solid #999;
    padding-botom: 10px;
    font-weight: bold;
    }
    div.MessageForm a.Back,
    div.MessageForm a.Back:link,
    div.MessageForm a.Back:hover,
    div.MessageForm a.Back:active,
    div.MessageForm a.Back:visited,
    div.MessageForm a.Cancel,
    div.MessageForm a.Cancel:link,
    div.MessageForm a.Cancel:hover,
    div.MessageForm a.Cancel:active,
    div.MessageForm a.Cancel:visited {
    line-height: 1.2;
    }
    div.MessageForm a.Back:hover,
    div.MessageForm a.Cancel:hover,
    div.MorePager li a:hover,
    a.TabLink:hover,
    div.Tabs li a:hover {
    color: #000;
    background: #CECECE;
    text-shadow: white 0px 1px 0px;
    color: black;
    }
    a.Active,
    div.Tabs li.Active a {
    background: #fff;
    color: #474747;
    }

    CODE FOR POST COMMENT & OTHER SIMILAR BUTTONS LIKE THAT(you'll have to add this to if you want both buttons to look the same):
    a.Button,
    .Button, #AttachFileLink {
    cursor: pointer;
    margin: 0;
    font-size: 11px;
    padding: 3px;
    background:#f2f2f2;
    color: #000;
    border: 1px solid #999;
    padding-botom: 10px;
    }

    .Button:hover {
    color: #000;
    background: #cecece;
    }

    Button:hover, #AttachFileLink {
    border: 0px solid #282828;
    background: #818181;
    }

Howdy, Stranger!

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

Login with Facebook Sign In with Google Sign In with OpenID Sign In with Twitter

In this Discussion

Who's Online 1

paintballer82