- This topic is empty.
Viewing 1 post (of 1 total)
Viewing 1 post (of 1 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
This is how Code in one file of WordPress:
<div class="postarea">
<div class="content-image"><a href="<?php the_permalink(); ?>" rel="bookmark"> <?php the_post_thumbnail( 'smallthumb-left' ); ?></a></div>
<div class="homepost-heading"> <h2><a href="<?php the_permalink(); ?>" rel="bookmark"> <?php the_title(); ?> </a></h2> </div>
<div class="content-area"> <?php the_content_limit('100'); ?> </div>
<div class="cb"></div>
</div>
However I want to achieve something, If I I do this- If I Put this DIV element-
<div class="homepost-heading"> <h2><a href="<?php the_permalink(); ?>" rel="bookmark"> <?php the_title(); ?> </a></h2> </div>
INTO
<div class="content-area"> <?php the_content_limit('100'); ?> </div>
I can achieve what I wish to achieve. But is this the correct way or their is a better way to do it?
I am summarizing what i am trying to achieve- Currently this is the situation:
http://screencast.com/t/l4PbqGmvc
But i want this- http://screencast.com/t/mRYIEOxkY
And this is the associated CSS:
.content-area { margin-top: -2px; font-family: ‘Lora’, serif; font-size: 15px; color:#111; line-height:23px; }
/———————- Home Page Post ————————————/
.homepost{ border-bottom:1px solid #efefef; margin-bottom: 25px; padding-bottom: 13px; }
.homepost-heading h2 { font-family: ‘Lato’, sans-serif; font-size:30px; font-weight:bold; float:right;
}
.homepost-heading h2 a { color:#000; }