Solved

Can't Change The Look

Posted on 2014-03-03
3
199 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 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 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 52

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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Box Locations 6 20
Why a span is lower 2 26
Background video not displaying in Internet Explorer. 3 37
Bootstrap list items overlap 3 7
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

808 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