default css file changes my links and...

User 431932 Photo


Registered User
15 posts

I've now been at this for hours and it's baffling me!

http://www.palmamultimedia.com/contact5.htm
is the original page I want to put my form into

http://www.palmamultimedia.com/contact.htm
is what happens when I start to insert the info from WFB

Note the menu moves to the left and the footer links change to blue, I've tried several different doctypes and several ways of making a form but I still end up with my liks changed!!

Can anyone out there save what's left of my hair??
User 103173 Photo


VP of Software Development
0 posts

I don't see any of the Fom Builder code on that page.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 187934 Photo


Senior Advisor
20,241 posts
Online Now

It's this line in the normalize.css that causing the issue.:)
ul, ol {
margin: 1em 0pt;
padding: 0pt 0pt 0pt 40px;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 431932 Photo


Registered User
15 posts

Hi Eric
I appreciate you looking however that's not changing the link colour yes it does raise the issue of spacing but does this mean that I have to adapt WFB's css files to fit in with a perfectly good page ??
That's not what I understood when I bought the software for 'Awesome, Easy-to-Use Web Forms, Straight Outta’ the Box.'

Scott, the following is in both pages
<!-- Start of the headers for CoffeeCup Web Form Builder -->
<script type="text/javascript" src="contact_form/common/js/form_init.js" data-name="contact_form/" id="form_init_script"></script>
<link rel="stylesheet" type="text/css" href="contact_form/theme/default/css/default.css" id="theme" />
<!-- End of the headers for CoffeeCup Web Form Builder -->

I tried originally to make a form in several different ways without success so I went back to basics and troubleshooted the thing as I went along, that 's how I came up with the above.

Eight hours work and still no 'working out of the box' form..............................
User 187934 Photo


Senior Advisor
20,241 posts
Online Now

Paul, This is a common problem. If the same class is referenced in two different style sheets. Try switching the order of your style sheet reference links in the head of your page. Read this page for what takes presidents over what.:)
http://www.w3schools.com/css/css_howto.asp
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 630441 Photo


Registered User
16 posts

Paul, I had the same issue when I copied in the html for the new form I made.

Instead of editing the code and changing things around as Eric mentioned above, I took the easy way and I just commented out the code Eric pasted above and also the following piece of css in the LISTS section of the normalize.css file:

a {
color: #00e;
}

a:visited {
color: #551a8b;
}

I have set these in my main style sheet already so I have no need to have them set again. Hope this helps.
Always Remember...... Everyday Is A School Day!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.