roseba

I’m not sure what you mean. It already resizes on the fly. But that is only a visual aid. I’m concerned about the size of the large file, targeted for a desktop, downloading on a phone. I can compress the file-size down to 150K, but on a phone, it would ideally have a lot smaller footprint other than 150k.

Does that make my question clearer?

Yes. This works. Thank you. The website is nearly complete!

Thanks, That worked. I guess it doesn’t work on IE9 and below?

If you review the other link I sent you with the default “Unititled theme” right out of the box, it should look exactly like that, except I would like to include teaser text when a featured image is displayed.

This is a Photoshop mockup of the it using my theme modifications.

I was able to get something close by setting the featured image at 95% width on my staging site, but the date and title are above the photo rather than above the text.

A lot of other things I tried resulted in the position of the excerpt in completely the wrong place, or in the correct place, but the the excerpt being locked into a column rather than the text wrapping around the photo. I spent days rearranging the code, adding new classes and changing styles. I’m at a loss.

Hi Kathryn,

Here is a screenshot of it on IE10 using Windows 7. (This is the actual IE10, not a machine using multiple IEs or Virtual.)

This is the default “Untitled” theme with no modifications, and all plugins deactivated. (That’s the first thing I always check when I have a problem like this because my css isn’t bullet-proof.)

I also tried to run it in compatibility mode. It didn’t make a difference.

A different version of the code with the second scenario that I described.

<!-- hide zero comments, add the exceprt -->

<?php
/**
 * @package untitled
 */
?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

		<div class="header-wrapper">
		<?php if ( 'post' == get_post_type() ) : ?>
		<div class="entry-meta">
			<?php untitled_posted_on(); ?>
			<?php if ( ! post_password_required() && ( comments_open() || '0' != get_comments_number() ) ) : ?>
		<span class="comments-link"><?php comments_popup_link( __( '', 'untitled' ), __( '| 1 Comment', 'untitled' ), __( '| % Comments', 'untitled' ) ); ?></span>
		<?php endif; ?>
		</div><!-- .entry-meta -->

		<?php endif; ?>
	<header class="entry-header">
		<h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'untitled' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
	</header><!-- .entry-header -->

		<div class="entry-content">
		<?php if ( '' != get_the_post_thumbnail() ) { ?>
		<div class="single-thumbnail genericon genericon-link">
			<a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'untitled' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark">
				<?php the_post_thumbnail( 'content-img' ); ?>
			</a>
		</div><!-- .single-thumbnail -->

		<?php if ( is_category() || is_archive() ) {
			the_excerpt('<span class="meta-nav">  &raquo;</span>');
		} else {
			the_content('<span class="meta-nav">  &raquo;</span>');
		} ?>

		<?php edit_post_link( __( 'Edit', 'untitled' ), '<footer class="entry-meta"><span class="edit-link">', '</span></footer>' ); ?>
	</div><!-- .header-wrapper -->
    </div>
	<?php } else { ?>

	<?php if ( is_search() ) : // Only display Excerpts for Search ?>
	<div class="entry-summary">
		<?php the_excerpt('<span class="meta-nav">  &raquo;</span>'); ?>
	</div><!-- .entry-summary -->
	<?php else : ?>

	<div class="entry-content">
		<?php the_content( __( '<span class="meta-nav">  &raquo;</span>', 'untitled' ) ); ?>
		<?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'untitled' ), 'after' => '</div>' ) ); ?>
	</div><!-- .entry-content -->
	<?php endif; ?>
<?php } ?>
</article><!-- #post-<?php the_ID(); ?> -->

I think I would like to play with this with a max-height and max-width value. That whatever the images are, the thumbnails will always display “above the fold” and the definition will adjust with the images which will be of all different dimensions.

Sorry for the late reply. This is extremely helpful.

This is in beta. I keep changing themes because of this.
https://arielshallit.com/wp/

I would like it to work more like this: https://arielshallit.com/wp/work/. I would upload larger images, but I don’t want full bleed where the images exceeds the size of the monitor completely. I don’t mind arrow navigation overlays.

I figured out the problem is that this is full-bleed optimized for not simply images, but header images.

While it is a nifty feature, it is completely unsuitable for my use. 1440×400 does not suit the aspect ratio for the majority of the images I need to post.

How do I disable it?

Did you ever resolve this? I have this problem in all of my posts. I can create new ones, but I can’t update (edit) anything already existing.

OK. I did all of the above. I still can’t update posts.

You see the first variable in quotes has nothing in it.

The code reads zero comments displays nothing, 1 comment displays 1 comment, and the n comments display n comments.

<?php comments_popup_link( __( '', 'yourwebsitename' ), __( '1 Comment', 'heartspiritmind' ), __( '% Comments', 'yourwebsitename' ) ); ?></p>

I made a subtheme and am beginning to do work on that. In the subtheme, you can remove the line from content.php. In my case, I don’t want the comment options to display if there are zero comments.

I access the internet on several different networks, on the iPad, iPhone, at work, at home. In Chrome, in Firefox. It isn’t a caching issue.

The last time, you went in to my db and fixed it, but all it did was reset the count.