WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Change color of post title text (10 posts)

  1. objectnull
    Member
    Posted 6 years ago #

    Hello, I'm using the Mandigo theme, version 1.28, and am trying to figure out how to change change the color of the titles of my post, the calendar, and other text in the sidebar. Right now they all show up as a barely visible grey and I can't seem to find the html color code in any of the editable php or css theme files.

    Website: http://www.darkforestfilms.com/

    And while we're on the topic of text, how would I go about changing the header text when text isn't actually used (I think it's an image)? See http://wordpress.pastebin.ca/777263 for header.php . I can't find anything along the lines of font-family:Georgia, "Times New Roman", Times, serif;

    Any and all help is greatly appreciated. Thank you.

  2. Jeremy Clark
    Moderator
    Posted 6 years ago #

    Look in your style.css for this

    .posttitle, .posttitle a, .posttitle a:hover, .posttitle a:visited {
    color: #333333;
    }

    Change the color to whatever shows up best.

    For the header it's an image and you'll have to edit it.

  3. objectnull
    Member
    Posted 6 years ago #

    Thanks Jeremy, changed to color to something readable.

    About the images used for Home About and Films in the header, I can't find them anywhere; searching the header.css doesn't show anything and the image folder doesn't have any of them in there. Also, I can't r-click on them and go to view image so I'm thinking maybe it's not an image.

    Again, any help would be great. Thank you.

  4. moshu
    Member
    Posted 6 years ago #

    I don't think there is any image there. Your Pages are displayed by this code:

    #
    <ul class="pages<?php echo (get_option('mandigo_headoverlay') ? ' head_overlay' : ''); ?>">
    #
                            <li class="page_item"><a href="<?php echo get_option('home'); ?>/"><?php _e('Home','mandigo'); ?></a></li>
    #
    <?php wp_list_pages('sort_column=menu_order&depth=1&title_li=&exclude='.get_option('mandigo_exclude_pages')); ?>
    #
    </ul>
  5. Jeremy Clark
    Moderator
    Posted 6 years ago #

    Oh you meant the page navigation text, You can add this to you stylesheet and change it how you would like

    ul.pages li{
    font-family:Georgia, "Times New Roman", Times, serif;
    whatever else you would like;
    }
  6. objectnull
    Member
    Posted 6 years ago #

    Tried it and it didn't work. I'm pretty new at CSS so it could just be a fault in the code. check out the style.css

  7. boober
    Member
    Posted 6 years ago #

    your style sheet has three styles for that page navigation

    .pages {
    
      display: inline;
    
      position: absolute;
    
      left: 0;
    
      bottom: 0;
    
      text-align: right;
    
      padding: .6em 0;
    
      width: 100%;
    
    }
    
    .pages li {
    
      list-style-type: none;
    
      display: inline;
    
      margin: 0 1em;
    
    }
    
    .pages a, .pages a:hover {
    
      font-size: 1.5em;
    
      font-weight: bold;
    
      color: #FFF;
    
      letter-spacing: -.08em !important; letter-spacing: -.1em;
    
    }
  8. objectnull
    Member
    Posted 6 years ago #

    Thanks Jeremy and boober, I still have some questions though.

    Jeremy, where would I paste that code? I tried it on the bottom of the style.css and it didn't seem to change anything. If I were to put it on the style.css.php would I just throw it in at the bottom?

    Boober, I found the code you posted in my style.css.php file but I don't see anything there pertaining to font. Also, I tried changing all the fonts that I found in that file to Avant Garde and it seemed to change everything except the navigation text. If you could check out the style.css.php and let me know if there's 1 particular one I could change that would be great, I like the font that everything else is so I don't want to change anything except the navigation text.

  9. boober
    Member
    Posted 6 years ago #

    try adding your font to

    .pages {
    
      display: inline;
    
      position: absolute;
    
      left: 0;
    
      bottom: 0;
    
      text-align: right;
    
      padding: .6em 0;
    
      width: 100%;
    
    }
  10. Anonymous
    Unregistered
    Posted 5 years ago #

    On later versions (not sure if this is available in the version you have) you can post your own css rule into the 'HTML Inserts' to make updates easier"

    Add the following code to the 'header.php'

    <style type="text/css">
    /* Begin Typography & Colors */
    body {
    	font-size: 62.5%; /* Resets 1em to 10px */
    	font-family: Arial, Sans-Serif;
    	color: #FF3300;
    }

    to make the text color red for example....
    You can copy the code from 'style.css.php':

    /* Begin Typography & Colors */
    body {
    	font-size: 62.5%; /* Resets 1em to 10px */
    	font-family: Arial, Sans-Serif;
    	color: #DDDDFF;
    }
    
    .narrowcolumn .entry, .widecolumn .entry {
    	line-height: 1.4em;
    }
    
    .widecolumn {
    	line-height: 1.6em;
    }
    
    small {
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 0.9em;
    	line-height: 1.5em;
    }
    
    h1, h2, h3, h4, h5, h6 {
    	font-weight: bold;
    }
    
    h1 { font-size: 1.6em; }
    h2 { font-size: 1.4em; }
    h3 { font-size: 1.2em; }
    h4 { font-size: 1.1em; }
    h5 { font-size: 1.0em; }
    h6 { font-size: 0.9em; }
    
    .inline-widgets #wp-calendar caption, .blogname, .blogdesc {
    	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    	font-weight: bold;
    }
    
    #content {
    	font-size: 1.2em;
    }
    
    .blogname {
    	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    	font-size: <?php echo ($mandigo_options['header_blogname_smaller_font'] ? 3 : 4); ?>em;
    	letter-spacing: -.05em;
    	margin-top: <?php echo ($mandigo_options['header_blogname_smaller_font'] ? 25 : 15); ?>px;
    }
    
    .blogname, .blogname a, blogname a:hover, .blogname a:visited, .blogdesc {
    	text-decoration: none;
    	color: white;
    }
    
    .blogname, .blogdesc {
    	font-weight: bold;
    	position: absolute;
    	z-index: 100;
    	margin-left: 15px;
    }
    
    .blogdesc {
    	font-size: 1.2em;
    	margin-top: 60px;
    }
    
    .posttitle, #comments, #respond, #trackbacks {
    	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    	font-weight: bold;
    	font-size: 1.6em;
    }
    
    .posttitle, .posttitle a, .posttitle a:hover, .posttitle a:visited {
    	text-align: left;
    	text-decoration: none;
    	color: #333;
    }
    
    .posttitle-archive, .posttitle-search, #comments, #respond {
    	font-size: 1.5em;
    }
    
    .pagetitle {
    	font-size: 1.6em;
    }
    
    .widgettitle, .sidebars li.linkcat h2 {
    	font-family: 'Lucida Grande', Verdana, Sans-Serif;
    	font-size: 1.2em;
    	font-weight: bold;
    }
    
    .inline-widgets .widgettitle, .inline-widgets #wp-calendar caption {
    	font-size: 1.4em;
    }
    
    .inline-widgets .widgettitle {
    	letter-spacing: -.05em;
    }
    
    .sidebars .widgettitle, #wp-calendar caption, cite {
    	text-decoration: none;
    }
    
    .widgettitle a {
    	color: #333;
    }
    
    .widecolumn .entry p {
    	font-size: 1.05em;
    }
    
    .commentlist li, #commentform input, #commentform textarea {
    	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
    
    .commentlist li {
    	font-weight: bold;
    }
    
    .commentlist li .avatar {
    	padding-left: 41px;
    	min-height: 36px;
    	background-repeat: no-repeat;
    	background-position: top left;
    }
    
    .commentlist cite, .commentlist cite a {
    	font-weight: bold;
    	font-style: normal;
    	font-size: 1.1em;
    }
    
    .commentlist p {
    	font-weight: normal;
    	line-height: 1.5em;
    	text-transform: none;
    }
    
    #commentform p {
    	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
    
    .commentmetadata {
    	font-weight: normal;
    }
    
    .sidebars {
    	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
    
    small, .sidebars ul li, .sidebars ol li, .nocomments, .postmetadata, strike {
    	color: #777;
    }
    
    code {
    	font: 1em 'Courier New', Courier, Fixed;
    }
    
    blockquote {
    	color: #555;
    	font-style: italic;
    }
    
    em {
    <?php
    	if ($mandigo_options['emphasize_as_bold']) {
    ?>
    	font-style: normal;
    	font-weight: bold;
    <?php
    	}
    	else {
    ?>
    	font-style: italic;
    	font-weight: normal;
    <?php
    	}
    ?>
    }
    
    acronym, abbr, span.caps {
    	font-size: 0.9em;
    	letter-spacing: .07em;
    }
    
    a {
    	text-decoration: none;
    }
    
    a:hover {
    	text-decoration: underline;
    }
    
    #wp-calendar #prev a, #wp-calendar #next a {
    	font-size: 9pt;
    }
    
    #wp-calendar a {
    	text-decoration: none;
    }
    
    #wp-calendar caption {
    	font: bold 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
    
    #wp-calendar th {
    	font-style: normal;
    	text-transform: capitalize;
    }
    
    .text-shadow {
    	color: #333;
    }
    
    .text-stroke-tl, .text-stroke-tr, .text-stroke-bl, .text-stroke-br {
    	color: #000;
    }
    
    .narrowcolumn .postmetadata {
    	text-align: left;
    }
    
    .four04 {
    	font-weight: bold;
    	font-size: 18pt;
    	letter-spacing: -.1em;
    	text-align: center;
    	margin-top: 10px
    }
    
    .four04-big {
    	font-size: 50pt;
    	letter-spacing: -.05em;
    	line-height: .6em;
    	margin-top: .3em;
    }
    
    .dropcap {
    	float: left;
    	font-size: 3em;
    	color: #666;
    	line-height: 0.93em;
    	margin-right: 3px;
    }
    /* End Typography & Colors */

Topic Closed

This topic has been closed to new replies.

About this Topic