Forum

Whether it's a plugin thats causing issues, a theme, or just needed help with styling your site...We can help! Live Person Support for all your Wordpress Needs!

Welcome Guest

Pages: 1
How/where do I change the color of submit and search button
HideyoshiiPostJun 11 2012, 10:38 AM

Newbie
Posts: 4
Registered:
Jun 11 2012, 06:54 AM
Normal topicHow/where do I change the color of submit and search button

How/where do I change the color of submit and search button?

Help is much appreciated, thanks.



Shrink, Track, Share, Control ... Dominate
ddartPostJun 11 2012, 10:36 PM

Pro
Posts: 187
Registered:
Jun 30 2010, 06:33 AM
Normal topicRe: How/where do I change the color of submit and search button

To help you need to know what skin you use and what color you want to make this button!
If you and your link to the forum.

HideyoshiiPostJun 11 2012, 11:44 PM

Newbie
Posts: 4
Registered:
Jun 11 2012, 06:54 AM
Normal topicRe: How/where do I change the color of submit and search button

I am using the default skin

HideyoshiiPostJun 11 2012, 11:46 PM

Newbie
Posts: 4
Registered:
Jun 11 2012, 06:54 AM
Normal topicRe: How/where do I change the color of submit and search button

Oh and I want to make the buttons orange
Like the rest of my theme buttons http://www.battlefieldknights.com/

Forum I am working on: http://www.battlefieldknights.com/battlefield-knights-forum-ps3/
To see it

ddartPostJun 12 2012, 01:04 AM

Pro
Posts: 187
Registered:
Jun 30 2010, 06:33 AM
Normal topicRe: How/where do I change the color of submit and search button

Here's how to do it
Should open the style.css is located here
.../wp-content/plugins/mingle-forum/default-skin/Default/style.css
and add that these classes.

/*ddart button ---------------------------------------*/ 
#wpf-post-submit,
#wpf-search-submit,
#quick-reply-submit,
#wpf-login-button,
#wpf-login-button,
#wpf-edit-button,
#wpf-wrapper input[type=submit]{
    background: #FC6700; /* Old browsers */
	background: -moz-linear-gradient(top,#FFB61F 0%, #FC6700  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFB61F), color-stop(100%,#FC6700)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFB61F 0%,#FC6700 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFB61F 0%,#FC6700 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FFB61F 0%,#FC6700 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFB61F', endColorstr='#FC6700',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #FFB61F 0%,#FC6700 100%); /* W3C */
	border: 1px solid #E55E00;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
	text-shadow: 0px 1px 0px #444444;
	cursor: pointer;
	font: normal 12px/20px Arial, Tahoma, Verdana, sans-serif;
	outline: none;
	padding: 3px 6px;
	text-align: center;
	text-decoration: none;
	line-height: 14px;
	text-decoration: none;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-weight:bold;
	 margin: 2px 0px !important;
	vertical-align:middle;
}

#wpf-post-submit:hover,
#wpf-search-submit:hover,
#quick-reply-submit:hover,
#wpf-login-button:hover,
#wpf-login-button:hover,
#wpf-edit-button:hover,
#wpf-wrapper input[type=submit]:hover{
	background: #DD9F03;
	background: -moz-linear-gradient(top,  #FCDA86 0%, #DD9F03 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCDA86), color-stop(100%,#DD9F03)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FCDA86 0%,#DD9F03 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FCDA86 0%,#DD9F03 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FCDA86 0%,#DD9F03 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCDA86', endColorstr='#DD9F03',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #FCDA86 0%,DD9F03 100%); /* W3C */
	border: 1px solid #FF8A00;
	padding: 3px 6px;
	outline: none;
	text-decoration: none
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	 vertical-align:middle;
	
}

/*ddart button end ---------------------------------------*/

So buttons everywhere will be orange.
But if you do not like that orange can show me exactly what you want and I'll edit it for you :)

ddartPostJun 12 2012, 01:20 AM

Pro
Posts: 187
Registered:
Jun 30 2010, 06:33 AM
Normal topicRe: How/where do I change the color of submit and search button

Another option are the same buttons as the theme you
Add this code

/*ddart button ---------------------------------------*/ 
#wpf-post-submit,
#wpf-search-submit,
#quick-reply-submit,
#wpf-login-button,
#wpf-login-button,
#wpf-edit-button,
#wpf-wrapper input[type=submit]{
            background:url("images/button.gif") repeat-x 0% 0%;
			border: none !important;
			height: 26px;
			overflow: hidden;
			margin: -6px 0 0 0;
			padding: 0 10px;
			vertical-align: top;
			line-height: 26px;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;	
	        -moz-border-radius: 3px;
	       -webkit-border-radius:3px;
	        border-radius: 3px;
	        color: #FFFFFF;
	        text-shadow: none !important;
          	font-weight:bold;
	        vertical-align:middle;
		    box-shadow: none;
	       -webkit-box-shadow: none;
	       -moz-box-shadow: none;
}

#wpf-post-submit:hover,
#wpf-search-submit:hover,
#quick-reply-submit:hover,
#wpf-login-button:hover,
#wpf-login-button:hover,
#wpf-edit-button:hover,
#wpf-wrapper input[type=submit]:hover{
	border: none !important;
	background-position: 0% -26px;
	text-decoration: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	 vertical-align:middle;
	
}

/*ddart button end ---------------------------------------*/

must not forget to copy this image button.gif
Image
You put it here.
../wp-content/plugins/mingle-forum/default-skin/Default/images/

This button will be same as on your web page.

HideyoshiiPostJun 12 2012, 02:16 AM

Newbie
Posts: 4
Registered:
Jun 11 2012, 06:54 AM
Normal topicRe: How/where do I change the color of submit and search button

Thank you. I will give it a try, thanks for the themed option! :)

I found a script on your forum which removes the header - http://tinyurl.com/c8xlgnu. However when I apply it, the paging also disappears. Is it possible to keep the paging but remove the header?

I noticed that when I go to the forum there is a certain space between the forum and the right column. However when on the same page, when I it F5 the space between the column and forum becomes smaller. Is there a way to fix that?

My template is set to friendly URL, but when I turn on friendly URL in Mingle, it clashes with pages under support. The structure of the page is http://www.battlefieldknights.com/portfolio-view/what-headset-should-i-use-for-gaming/
It doesn't collide with anything else. When I switch on friendly URL I get a 404 on the page above. It is not that much of a thing, but I was hoping to generate a lot of SEO benefits out of the articles.

ddartPostJun 12 2012, 05:19 AM

Pro
Posts: 187
Registered:
Jun 30 2010, 06:33 AM
Normal topicRe: How/where do I change the color of submit and search button

I made a mod that can be used in the default skins or others who are not mine. Add icons, as well as with BP.
you can download > Mod icon for MingleForum > here
Located at the top Changelog
In the archive has everything you need for that.

To be distance to make this class
../wp-content/plugins/mingle-forum/default-skin/Default/style.css
line 181

#wpf-wrapper .wpf {
    border: 1px solid #ADADAD;
    padding: 0;
}
}

Make it look like

#wpf-wrapper .wpf {
    #wpf-wrapper .wpf {
    border: 1px solid #ADADAD;
    padding: 0;
    margin: 10px 0;
}

For the last question I still can not answer you.

abreuw83PostJul 25 2012, 01:19 PM

Newbie
Posts: 1
Registered:
Jul 25 2012, 07:12 PM
Normal topicRe: How/where do I change the color of submit and search button

i was wondering if you could provide me with the same help. im using the mingle forum plugin and the darkpress skin. the author of the theme isnt answering any questions. i would like to have all the buttons with a - black background, (ffff00)text and borders. i would appreciate any and all help thank you for you time.

Pages: 1
Mingle Forum by Cartpauj | Version: 1.1.0beta | Page loaded in: 0.174 seconds.


Shrink, Track, Share, Control ... Dominate