Improve company productivity with a Business Account.Sign Up

x
?
Solved

Can't Change The Look

Posted on 2014-03-03
3
Medium Priority
?
208 Views
Last Modified: 2014-03-03
I have a modal that I am trying to change the look of and nothing seems to be changing,  I am trying to make the background white and get rid of the orange lettering.  I am looking in contact.css and demo.css

The link is
http://www.bricooper.net

Go to "Share" on the left you will see the modal is too short and the wrong color.
Thank you.
contact.css
demo.css
0
Comment
Question by:DS928
  • 2
3 Comments
 
LVL 55

Accepted Solution

by:
Scott Fell,  EE MVE earned 2000 total points
ID: 39899854
line 51 of contact.css will change the h1 orange
#contact-container h1 {
color: #d76300;
font-size: 20px;
line-height: 20px;
margin: 0;
padding: 0 0 6px 12px;
text-align: left;
}

Open in new window

Line 12 for the background
#contact-container .contact-content {
background-color: #333;
color: #ddd;
height: 40px;
}

Open in new window

And line 56 for the top of the modal
media="screen"
#contact-container .contact-top {
background-color: #333;
height: 13px;
margin: 0;
padding: 0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-radius: 8px 8px 0 0;
}

Open in new window

0
 
LVL 55

Expert Comment

by:Scott Fell, EE MVE
ID: 39899860
Will you let me know the answer here http:Q_28378481.html#a39899790
0
 

Author Closing Comment

by:DS928
ID: 39899925
Great!  Thank you.
0

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

608 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question