Solved

Can't Change The Look

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

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

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

Suggested Solutions

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
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.…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

713 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