Style For "Back to Discussions"

JayS

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.

Ron

Can you provide a demo link.

JayS

Sorry about that

http://fidoloves.com/dog-people/discussion/1/a-place-to-ask-questions-and-suggest-ideas/#Item_2

Nimaveli

Yea, I'm having the same problem cause i'm using that theme to lol.

digibomb

Hey guys,

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

JayS

@digibomb you did a great job on that theme. Thanks for looking into it.

Nimaveli

@Digibomb, ahh that's good news! :D Thanks for looking into it bro.

digibomb

@JayS @Nimaveli I've uploaded a newer version with the css fix. Enjoy!

Nimaveli

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

digibomb

@Nimaveli looks good! you can upload if you want ;p

Nimaveli

@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;
}