Hello Team Bamboo!

Can you take a look at this page: bdadev.cloudapp.net/be/index.php/news

I am using Creative Solutions Creative Contact Form to build an online application. No matter what styling I give the form title and pretext, it gets overwritten. It should be white on the form.
Any ideas?
Thanks in advance,
Pat

Hi Pat,

This is part of how css works - its called specificity

www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/

for example

.creative_form_11 .creativecontactform_pre_text

is less specific than

#mainWrap div

as it uses an id which is more specific (higher ranking points) than classes

So for the custom css to apply you need to add a style more specific than the existing one

#mainWrap .creativecontactform_pre_text.ccf_font_effect_none {color:#fff;}
should work

Cheers
Paul

the same with the title

#mainWrap .creative_form_11 .creativecontactform_title {color:#fff;}

you are also missing a close bracket on a media query I think

@media (min-width: 325px) and (max-width: 1100px) {
#maincontainerwrap.topmargin {
margin-top: 300px;
}
<<< here

Yup! You nailed it. I will read the article you referenced. Thanks!!!

Also, thanks for discovering the missing curly brace! Will be interested to see what I was missing out on.

As always, you guys give terrific support.

You're welcome

Cheers
Paul