WordPress.org

1. nhuynh
   Member
   Posted 1 year ago #

   The post titles aren't functioning as permalinks as they should. See here.

   My WordPress permalink settings are set at default and I don't believe I have accidentally altered any PHP or CSS regarding them. I posted on my theme's support forums and they said the theme should have nothing to do with it and that it's a WordPress issue so I'm posting here now.

   I don't know if this helps, but this is how the theme code looks from the back end:

   `<div id="post-<?php the_ID(); ?>" <?php post_class('post') ?>>
   <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>`

   If I "View Source" in the web browser, everything seems to be in order, as far as I can tell, but the links just aren't working on the actual page.

   `<div id="post-4" class="post-4 post type-post hentry category-blog category-cm-news tag-blog-2 post">
   <h2><a href="http://colourmovie.com/dayfornight2010/?p=4" rel="bookmark" title="CM Visits SXSW">CM Visits SXSW</a></h2>`

   Can anyone tell me what's wrong and how to fix it? I'd really appreciate your help.

2. Mark / t31os
   Moderator
   Posted 1 year ago #

   There's a list element floating over the top of the link, removing that list allowed the link to be clickable once again..

   Copied from your page source.
   

   // The problem is the meta-top list element, 2 lines down from here
   					<div class="main-container">
   						<ul class="meta-top">
   							<li>Posted on August 23, 2010</li>
   						</ul>
   
   						<div id="post-4" class="post-4 post type-post hentry category-blog category-cm-news tag-blog-2 post">
   							<h2><a href="http://colourmovie.com/dayfornight2010/?p=4" rel="bookmark" title="CM Visits SXSW">CM Visits SXSW</a></h2>

   Re-position or remove that element and your problem will be solved... ;)

3. nhuynh
   Member
   Posted 1 year ago #

   Oh wow, thanks for the fast and very helpful response! :)

   This is probably asking too much, but I don't suppose there's any other workaround for this, is there? That troublesome element looks really good where it is, and I really don't know where else to put it.

4. Mark / t31os
   Moderator
   Posted 1 year ago #

   Try some CSS adjustments..

   Switch these two CSS definitions..
   

   .meta-top {
   width: 500px;
   position: absolute;
   margin: -8px 0 0 0;
   }
   
   .meta-top li {
   background: #333333;
   font-size: 11px;
   color: #999999;
   float: right;
   margin: 47px 28px 0px 0px;
   padding: 2px 10px 2px 10px;
   }

   ...for..
   

   .meta-top {
   	position: relative;
   	display: block;
   	margin: 0;
   	right: 30px;
   	width: auto;
   }
   .meta-top li {
   	background: #333;
   	font-size: 11px;
   	color: #999;
   	float: right;
   	margin: 40px 0 -60px;
   	padding: 2px 10px;
   }

   Might need tweaking further, but should get you started, and will fix the non-working link problem... :)

5. nhuynh
   Member
   Posted 1 year ago #

   Nevermind, I got it working! I just moved the list element underneath the permalink code in the PHP file and then adjusted the margins in the style sheet. It works now!

   http://colourmovie.com/dayfornight2010/

   Thanks again! :)

Topic Closed

This topic has been closed to new replies.