Howdy, Stranger!

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

Sign In with Facebook Sign In with Google Sign In with OpenID Sign In with Twitter
Support for Vanilla Forums Cloud product

In this Discussion

Follow Us


Style For "Back to Discussions"

edited July 2010 in Questions
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.

Comments

  • Can you provide a demo link.
  • Yea, I'm having the same problem cause i'm using that theme to lol.
  • Hey guys,

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

    Community Manager for Vanilla Forums

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

    Community Manager for Vanilla Forums

  • NimaveliNimaveli New
    edited July 2010
    @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?
  • @Nimaveli looks good! you can upload if you want ;p

    Community Manager for Vanilla Forums

  • NimaveliNimaveli New
    edited August 2010
    @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;
    }
Sign In or Register to comment.