Section Removed from CSS

[eddyndm]

Hey guys im trying to setup my guestbook and its taking the styling from the CSS on the site for the submit button, is there anyway i can get it to either a) stop doing this? or b) change the guestbook to use its own button?

http://rapunzelyou.com/index.php?page=guestbook

Many thanks!

[uniqu3]

style it with css

Code: Select all

.cms-guestbook-showform-button input.cms_submit {
    your style;
}

[eddyndm]

Thanks for the reply

Would that go in my CSS for my website or for the guestbook CSS file?

[eddyndm]

Ok great, ive just tried that but its still showing the buttons from my original CSS file, if you look @ http://rapunzelyou.com/index.php?page=guestbook you will see what i mean.

Its showing the buttons from my original CSS file and trying to put the guestbook button ON TOP of this button and looking a mess. lol

Am i missing something?!

Thanks again!

[uniqu3]

use .cms-guestbook-showform-button input[type="submit"].cms_submit as you styled your buttons with input[type="submit"] means you have to override it with above which also means that guestbook css should be included in stylesheet after default button/input style.

[eddyndm]

Hey thanks again for your reply really appreciated!

I dont really understand how to stop the button taking its styling from the css attached to the HTML pages.... does that make sense?

Ive added this line

Code: Select all

 .cms-guestbook-showform-button input[type="submit"].cms_submit {
	 color:red;
 }

To my style.css file (the global CSS file as such) and its still taking style from that file as before

Sorry to be a pain!

[uniqu3]

You have to override the styles, means if you use background image override that, if you use border override that.
color: red is only font color.

And make SURE you do edit your CSS as i cant find anything related to what i explained in your stylesheet.

[eddyndm]

Ok i think im getting there now LOL (i really appreciate your help!)

How do i override something in CSS? Now, the thing is, i want to keep the button styling on all the buttons throughout the site, so for example, the guestbook puts its own button in, which is different from the buttons on the contact page.

Can this be done?

[eddyndm]

AHHHHH GOT IT!

THANKYOU!!!

[uniqu3]

I think i explained it above didn't i?

/* assuming input inside a element with class .mystyle */
.mystyle input{
something;
}

/* now i want to override that default style on another input element that is also inside .mystyle element but has also own class like .submit */
.mystyle input.submit {
do something else;
}

But honestly before creating, changing templates you should know basics about html and css
http://www.w3schools.com/css/default.asp
http://www.w3schools.com/html/default.asp

[eddyndm]

Thanks again for you all your help!