Customization of index links color

dauthijachi / 2012-11-14 12:03:00   

Hi to everyone!

I have tried to adjust the colors of the links without any success, is already 1 hour and half I am trying to do and to find a solution on this very messy forum.

I could not find any solution therefore I am asking you for help.

Which place I should modify and put the colors I want? I have tried to put this, but is not working my link are black.

  1. /* links styles only for the #exhibit region */
  2. a:link { text-decoration: none; color: #008fcb; }
  3. a:active { text-decoration: none; color: #001eff; }
  4. a:visited { text-decoration: none; color: #000000; }
  5. a:hover { text-decoration: color: #009cff; }

I am not using the style picker, because I would also like to find a way to have the name of the site, Projects, About, and all the index main menu section to not be as links but just text, any help on this too?

Thank you

  1. This is the entire style sheet form
  2. /* links styles only for the #exhibit region */
  3. a:link { text-decoration: none; color: #008fcb; }
  4. a:active { text-decoration: none; color: #001eff; }
  5. a:visited { text-decoration: none; color: #000000; }
  6. a:hover { text-decoration: color: #009cff; }
  1. /**
  2. * CSS
  3. * @version 2.0
  4. * @author Vaska 
  5. *
  6. * There are also some obscure rules in base.css
  7. */

body {
font-size: 12px;
font-family: Arial, Helvetica, Verdana, sans-serif;
background: #fff;
color: #000;
line-height: 1.3em;
/* font-weight: 300; */
}

/* link scheme */
/* you can customize links further down the page too */
a:link { text-decoration: none; color: #008fcb; }
a:active { text-decoration: none; color: #001eff; }
a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: color: #009cff; }
a:img { border: none; }

/* general styles */
small { font-size: 50px; }
code { font-family: arial; }
blockquote { padding-left: 9px; }

/* headings */
h1 { font-size: 16px; margin-bottom: 1.4em; font-weight: bold; line-height: 1.3em; }
h2 { font-size: 14px; margin-bottom: 1.4em; font-weight: bold; }
h3 { font-size: 12px; margin-bottom: 1em; }
h4 { font-size: 10px; margin-bottom: 1em; }

/* paragraph width */
#index p { margin-bottom: 1em; width: 700px; }
#exhibit p, code, blockquote { width: 700px; margin-bottom: 1em; /* line-height: 1.3em; */ }

/* highlighter style - maybe you want to change colors? */
.highlight { background: #ccff00; color: #00ff33; }

/* never adjust the margin or padding here unless you seriously know what you are doing */
/* think #index .container and #exhibit .container for only padding adjustments */
#index { width: 215px; background: #fff; /* line-height: 1.3em; */ }
#exhibit { width: 700px; margin: 80px 0 0 215px; }

/* styling the index */
#index ul { list-style: none; margin: 150 80;}

#index ul.section { margin-bottom: 1em; }
#index ul.subsection { }

/* the follow rules for index are not required */
/* they are mostly for complex customization */
/* for tag display */
#index ul#all_tags { list-style-type: none; margin-bottom: 1em; }
#index ul#all_tags li { display: inline; margin-right: 3px; }
#index ul#all_tags li a { }

/* active section title */
#index span.active_section_title,
#index span.active_section_title a { font-weight: bold; }

/* active exhibit title parts */
li.active a:link, li a.active, li.active a:hover, li a.active, li.active a:active, li a.active,
li.active a:visited, li a.active, li span.active, #index ul.section li.active a:link,
#index ul.section li.active a:hover, #index ul.section li.active a:active, #index ul.section li.active a:visited
{ font-weight: bold; }

/* additional #index options */
#index ul li .password a { /* background: url(../img/locked.gif) right center no-repeat; padding-right: 18px; */ }

/* the "new" indicator */
#index ul li sup { color: #0c0; font-weight: bold; text-transform: uppercase; font-size: 8px; vertical-align: top; }
/* end styling for index */

/* links styles only for the #index region */
#index {
a:link { text-decoration: none; color: #008fcb; }
a:active { text-decoration: none; color: #001eff; }
a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: color: #009cff; }
}
/* links styles only for the #exhibit region */
a:link { text-decoration: none; color: #008fcb; }
a:active { text-decoration: none; color: #001eff; }
a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: color: #009cff; }

/* this is where you adjust your paddings for #index and #exhibit together */
.container { padding: 80px 8px 25px 27px; }

/* this is where you pad them separately */
#index .container { }
#exhibit .container { }

arsondpi / 2012-11-14 12:43:14   

Hello!

There's no need to paste all your css code.

If I understand well you need to customize your links and something is not working.
What's your url address so we can take a look?

dauthijachi / 2012-11-14 12:46:51   

Sorry, it was my fault, I have solved that problem, I did something wrong, I re-installed the website and now is working properly!

Thanks!

This thread has been closed, thank you.