Support » Themes and Templates » Blog title does not display unless I hover

  • Resolved lisboa

    (@lisboa)


    The title of my blog does not display, unless I hover over it. The title is in settings. It did not happen originally. HELP!

Viewing 7 replies - 1 through 7 (of 7 total)
  • It’s probably the stylesheet. You might want to check the values for your title, like “display:none”, “color:[same color as background]”, etc.

    Thread Starter lisboa

    (@lisboa)

    Could this be the culprit? Found this in the stylesheet:

    .left-head h1 a:hover, .left-head h1 a:active {

    color: #CCCCCC;

    (the hover part)

    Chances are it’s the non-hover part that you’d want to change.

    Can you provide a link?

    Thread Starter lisboa

    (@lisboa)

    Here you go. In your style.css file, try changing this:

    .left-head h1 a:link, .left-head h1 a:visited {
    	color: #FFFFFF;
    	text-decoration: none;
    }

    to something like this:

    .left-head h1 a:link, .left-head h1 a:visited {
    	color: #666;
    	text-decoration: none;
    }

    Thread Starter lisboa

    (@lisboa)

    Thank you so much, that got it.

    Hey lisboa, I noticed a few other things in your stylesheet that you may like to try/fix:

    1. Up at the very top of the page you’ve got a style with no selector:

    This:

    font-family: Verdana, sans-serif;
    	font-size: small;
    	color: #222;
    	margin: 0px;
    	padding: 0px;
    	background-image: url(images/header_bg.gif);
    	background-repeat: repeat-x;
    	background-position: top;
    }

    Should be this:

    body{
    	font-family: Verdana, sans-serif;
    	font-size: small;
    	color: #222;
    	margin: 0;
    	padding: 0;
    	background: #FFF url(images/header_bg.gif) repeat-x top;
    }

    Also, your navigation is a bit screwy on my monitor/OS – it breaks into two lines.

    I’d try making these changes/subtitutions:

    .left-head h1 a:link, .left-head h1 a:visited {
    	color: #666;
    	text-decoration: none;
    }

    mentioned that one above.

    The following will affect your horizontal nav bar. It’s kind of hard to get it all on one line because the page names are so long. I’d consider shortening ‘Class Stuff, Pics, Etc.’ to something like ‘Class Stuff’ or ‘Class Memories.’

    #navigators ul {
    	margin: 0;
    	float: left;
    	width: 600px;
    	padding: 40px 0 0 0;
    	list-style-type: none;
    }
    
    #navigators ul li {
    	margin: 0;
    	padding: 0;
    	display: inline;
    }
    
    #navigators ul li a:link, #navigators ul li a:visited {
    	display: block;
    	float: left;
    	padding: 0 10px;
    	height: 25px;
    	line-height: 25px;
    	color: #FFFFFF;
    	text-decoration: none;
    	text-align: center;
    	background-color: #B93333;
    	margin-top: 0 5px 0 0;
    	border-top: 2px solid #B70000;
    	font-size:90%;
    }
    
    #navigators ul li a:hover, #navigators ul li a:active {
    	background-color:#996666;
    	border-top: 2px solid #993333;
    }
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Blog title does not display unless I hover’ is closed to new replies.