WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Short Title Bug, Or A Problem Of My Own Creation? (5 posts)

  1. WordWeaver777
    Member
    Posted 3 years ago #

    Hello. I don't know if this is something which perhaps has resulted from some CSS tweaking that I did somewhere in my theme some time ago, or if it is in fact a bug in WordPress itself. Thus I am posting this here in the hope that someone can enlighten me.

    The problem is quite simple. If I make a new post on my blog, and the title of the post is under a specific number of characters in length, the "posted on" line is placed at the same level as the title of the post, and in fact, right up against the title. At this point, I haven't determined exactly how many characters must be used in order for this problem to occur.

    For example, I just made a post which has a title which has a total of 27 characters in it. This short title resulted in the "posted on" string being on the same line as the title. To resolve it, I had to add " . . ." after the title before the "posted on" string moved down to where it is supposed to be. That means that I had to add six more characters to the title . . . although I am not certain if I had to actually add six characters. Perhaps fewer -- one to five characters -- would have resolved it.

    I thought that perhaps I had added some CSS code to the "loop.php" and/or "single.php" files which may have caused this to happen, but I just checked, and that is not the case . . . at least I don't think so. I did add a CSS text-shadow to the post title, but that is in the theme's CSS file in the "#content .entry-title" section.

    What is also interesting is that in the "loop.php" file, the "entry-title" is enclosed in h2 tags, and in the "single.php" file, the "entry-title" is enclosed in h1 tags. So it seems to me that the "posted on" string should not be doing this.

    Oh, I am using a heavily tweaked version of the TwentyTen theme.

    At any rate, has anyone else experienced this problem? If so, how did you resolve it?

    Thanks!

  2. alchymyth
    Forum Moderator
    Posted 3 years ago #

    link to your site?

    without seeing the problem, particular if it might be caused by css, it is impossible to comment.

  3. WordWeaver777
    Member
    Posted 3 years ago #

    Hello Alchymyth. Thanks for your reply. You can visit my blog at Endtime Prophecy Net Blog. However, I don't think that seeing the blog will be of any help to you, since I already added extra characters to the title of that particular post, so that the "posted on" string moves down to the next line. Of course, I could be wrong. Perhaps you will spot something in the page's source code which will unravel this mystery.

  4. alchymyth
    Forum Moderator
    Posted 3 years ago #

    However, I don't think that seeing the blog will be of any help to you, since I already added extra characters to the title of that particular post, so that the "posted on" string moves down to the next line.

    no problem - firefox web developer add-on allows to manipulate the html of the site for testing, as well as the css styles (and much more).

    try and add a 'clear: both;' to the style of .entry-meta:

    .entry-meta {
    	color: red;
    	font-size: 14px;
    	margin-left: 0px; /* keeps "posted on" text flush against left side of div */
    	float: left; /* also keeps "posted on" text flush against left side of div */
    	margin-bottom: 20px; /* adds bigger vertical space between "posted on" text and beginning of post contents */
    clear:both;
    }

    make sure also to add the semicolon ; after margin-bottom: 20px

  5. WordWeaver777
    Member
    Posted 3 years ago #

    Thank-you very much. Adding the clear both parameter appears to have resolved the issue. I will keep that in mind for future reference.

    I don't know how I missed that semicolon. :)

Topic Closed

This topic has been closed to new replies.

About this Topic