CSS code now doesn't work for Survey Form when I add Bootstrap link to change Button style

Code Feedback
2

Are you just making a blanket statement?

If you’d like someone to help perhaps you could provide a link to your codepen and describe what is happening.

3

explain in detail man how could we help you

4

Like I tried to change my background color for my page to green, and I am unable to do that after the bootstrap link was added

5

Sounds like a typo somewhere but without seeing your code just can’t say for sure.

Please post a like to your codepen so we can take a look.

6

FCC won’t let me add a link

7

You can type it in and put in some spaces

8

here copy paste your codepen link

9

codepen(dot)io(slash)noblegas(slash)pen(slash)GexXJM

10

Just for others convenience: http://codepen.io/noblegas/pen/GexXJM

1 Like
11

The link to your stylesheet should be after the link to bootstrap

12

Thanks dude, that worked

13

Good. Could you mark it as solution please.

As an aside, when I did my survey form I wanted my button to have a style like Bootstraps also and I did it with CSS. I’ll post my solution here so you can compare.

HTML code is just;
<button id="submit" type="submit">Submit</button>

CSS is;

button {
  background-color: #59ACE0;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  font-size: 15px;
  height: 40px;
  width: 80px;
}
14

better yet in codepen place the link to the bootstrap css here

image
image965×962 39.1 KB

codepen will make sure everything works as it is intended.
but the previous post is correct. because of the cascading nature of css the order that css links are presented makes a big difference