<LI> and <h2> color changes

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
Juvenaly

<LI> and <h2> color changes

Post by Juvenaly »

Hi again,

2 questions if you dont mind.

1. i was making changes ot my cms design and then all of a sudden now the on the Documents page are all pushed to the far left and half of the dot is pushed off of the screen. Any ideas on how to fix this? (http://roacusa.org/beta/cms/index.php?page=documents)

2. On all fo the pages there is a title and around that title is an orange border. You can see this in the link above as well. I know this must be in the CSS but for the life of me I cant find the color code for that aspect of the CSS. Again if there is anyone that has chanhged this (I am sure there is) and you can point me in the right direction it would be greatly appreciated.

In Christ,
Juvenaly
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: <LI> and <h2> color changes

Post by Dr.CSS »

Both of them are in the "Layout: Top menu + 2 columns" style sheet...

This is the border under and next to the h2...

div#content h2 {
  color: #2A2231;
  font-size: 1.5em;
  text-align: left;
/* some air around the text */
  padding-left: 0.5em;
  padding-bottom: 1px;
/* set borders around header */
  border-bottom: 1px solid #e7ab0b;
  border-left: 1.1em solid #e7ab0b;

  line-height: 1.5em;
/* and some air under the border */
  margin: 0 0 0.5em 0;
}

add this near the bottom above the other ones...

div#main li {
  margin:  0.25em 3em;
}
Locked

Return to “Layout and Design (CSS & HTML)”