Submit button colour: Contact Form 7: 2nd level nav

[ClarePalgrave]

Hi,
Thank you very much, Santoyan for your generosity with this theme. It truly is in the spirit of 'abundance for all'!

I have just started learning how to use Custom includes. Styling the Submit Button for Contact Form 7, I succeeded in getting it to work perfectly on first level navigation pages, but it greys out on second level pages.

Send button fine here: http://www.starlightstarbright.eu/approaches/

Send button colour disappears here: http://www.starlightstarbright.eu/approaches/spheres-of-light-immersion-workshops/

I have checked the css using Inspect Element with Firebug and can’t see any obvious reason.

My custom includes to achieve colour change on Submit button are:

Code: Select all

.button, .button:visited, input[type="submit"], input[type="button"] {
background: url("../wp-content/uploads/2012/05/bg-SS-pink-2.png") repeat-x top left; color: #ffffff;
}

Can't find anywhere in the forum where this specifically has been addressed.

Would appreciate any suggestions to get the colour on the Submit button working for second level nav pages.

Thanks,
Clare

[ClarePalgrave]

Just discovered that it is not only the submit button, but also the folder icon for the categories, also a custom include, that does not work on second level pages.

Code used for that:

Code: Select all

.tab-box div.sbtab-content-categories ul li,
.widget_categories ul li {
   background-image: url(../wp-content/uploads/2012/05/folder-SS-pink-1.png);
}

Total custom include code is:

Code: Select all

/* small box for contact form 7 */
.wpcf7 textarea  {
height: 25px;
width: 220px;
}
/* submit button for contact form and text colour */
.button, .button:visited, input[type="submit"], input[type="button"] {
background: url("../wp-content/uploads/2012/05/bg-SS-pink-2.png") repeat-x top left; color: #ffffff;
}
/* coloured headings in widget sidebar */
.suf-widget h3, .suf-widget h3 a, .suf-widget h3 a:visited {
    color: #C9009A;
}
/* sidebar content background colour */
div.suf-widget{
   background: #f5f2fc;
}
/* pink category folder tab */
.tab-box div.sbtab-content-categories ul li,
.widget_categories ul li {
   background-image: url(../wp-content/uploads/2012/05/folder-SS-pink-1.png);
}
/* no border round wrapper */
#wrapper {
border:none;
}
/* search button */
input.searchsubmit[type="submit"] {
    background-image: url("../wp-content/uploads/2012/05/search-button-SS-pink-1.png");
}

Any ideas?

[drake]

Use absolute path to your images, starting with http://..../wp-content/.... instead of relative path (../wp-content/...).

[ClarePalgrave]

Hi Drake,

Thanks for quick response.
perfect- had read about absolute url's but not absorbed it properly1
Clare