WordPress.org

Ready to get started?Download WordPress

Forums

How to make these changes to my theme? (6 posts)

  1. thechinesebonbon
    Member
    Posted 4 years ago #

    I'm really bad at this. Like idiotic bad. I'm trying to tweak the theme infimum.

    Here's how it looks like now.
    http://www.thechinesebonbon.com/

    I felt that the original boxes were too small so I tweaked some of it already and you can tell it's such a mess.

    So, how do I...

    1) Make the header and footer align center.
    2) Get rid of the "Latest Posts" and get the title of whatever's my newest post to align neatly with the sidebar.
    3) Make the space between my posts and the sidebar smaller.
    4) For the individual page views, the titles are a little bigger. How do I make them the same size as the titles on the main page as well as change the colour?
    5) For the comments section, how do I make my (the admin's) comments slightly different from other comments so pple can immediately tell it's from me?

    Also, is there anyway I can get the pictures in my post of automatically resize IF THEY'RE TOO BIG, to fit the box instead of running over or being cut off? I really hate twiddling with image size everytime I want to post an image

  2. iceq
    Member
    Posted 4 years ago #

    This is actually a TOTAL mess .. I even couldnt recognize a "blog" in that page.. I would definitely change my theme if I were in ur boots.

    Sorry for not providing an answer, ama newb too

  3. thechinesebonbon
    Member
    Posted 4 years ago #

    ^there's no blog yet.
    I haven't move my posts from my old blog. All there is is just some test posts to see how things look like.

    I purposely posted a picture that was too large to see if it would be cut off by the box the content is or would i flow out into other areas also. I'm trying to find out how to get the post area to automatically resize my pictures that are too big so that they'll fit properly without me having to manually change picture sizes everytime I want to do a post with a picture.

    (I'm kinda anal about my pics all being equally wide)

  4. thechinesebonbon
    Member
    Posted 4 years ago #

    I've found a solution for the auto resize thing. I'm going to post it anyway just in case anyone is interested.

    Go here:
    http://www.amitbhawani.com/blog/auto-shrink-posted-images/
    to learn how to do it.

    For my case, I thought I was supposed to find the img part and then add in the max width, width expressions part like other sites were implying. I couldn't find them on infimum though. So basically all that was there was

    #content .post {
    	margin: 2em 0em 0em;
    }

    So I added

    #content .post img {
    max-width: 53em;
    width: expression(this.width > 53 ? 53: true);
    }

    below it and it worked. you can find this under Appearance>Editor>Stylesheet(style.css) Like the link said, it might not be .post in your style.css. The link provides other possible(it's not comprehensive apparently. Just the more popular ones)options.

    One thing to note. While it works great for almost all images, if you have specified previously the image's width and/or hight, this will distort the aspect ratio.(So go unspecify it and it would work really good!)

  5. thechinesebonbon
    Member
    Posted 4 years ago #

    I still need help with the other problems! I'm running 2.8.6. I've tried http://www.mattcutts.com/blog/highlight-author-comments-wordpress/
    but I can't find what I'm supposed to find. Here's my comment php:

    <?php // Do not delete these lines
    	if ('comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
    		die ('Please do not load this page directly. Thanks!');
    
    	if (!empty($post->post_password)) { // if there's a password
    		if ($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) {  // and it doesn't match the cookie
    			?>
    
    			<p class="nocomments">This post is password protected. Enter the password to view comments.</p>
    
    			<?php
    			return;
    		}
    	}
    
    	/* you can start editing here */
    ?>
    
    <?php if ($comments) : ?>
    	<h3 id="comments"><?php comments_number('No comments.', 'One comment.', '% comments.'); ?></h3>
    
    	<ol class="commentlist">
    	<?php foreach ($comments as $comment) : ?>
    		<li id="comment-<?php comment_ID(); ?>">
    			<?php if ($comment->comment_approved == '0') : ?>
    				<p><em>Your comment is awaiting moderation.</em></p>
    			<?php endif; ?>
    			<?php echo get_avatar( $comment, 32 ); ?>
    			<?php comment_text(); ?>
    
    			<p class="commentmetadata">Posted by <?php comment_author_link(); ?> on <a href="#comment-<?php comment_ID(); ?>" title="Permanent Link to this comment"><?php comment_date('F jS, Y'); ?></a>. <?php edit_comment_link('Edit this comment.', '(', ')'); ?></p>
    		</li>
    	<?php endforeach; /* end for each comment */ ?>
    	</ol>
    
     <?php else : // this is displayed if there are no comments so far ?>
    	<?php if ('open' == $post->comment_status) : // comments are open, but there aren't any ?>
    	<?php else : // comments are closed ?>
    	<?php endif; ?>
    <?php endif; ?>
    
    <?php if ('open' == $post->comment_status) : ?>
    
    <h3 id="respond">Post a comment.</h3>
    
    <?php if ( get_option('comment_registration') && !$user_ID ) : ?>
    <p>You must be <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php echo urlencode(get_permalink()); ?>">logged in</a> to post a comment.</p>
    <?php else : ?>
    
    <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
    
    <?php if ( $user_ID ) : ?>
    
    <p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="Log out of this account">Logout &raquo;</a></p>
    
    <?php else : ?>
    
    <p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" />
    <label for="author"><small>Name <?php if ($req) echo "(required)"; ?></small></label></p>
    
    <p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" />
    <label for="email"><small>Mail (will not be published) <?php if ($req) echo "(required)"; ?></small></label></p>
    
    <p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
    <label for="url"><small>Website</small></label></p>
    
    <?php endif; ?>
    
    <p><textarea name="comment" id="comment" cols="65" rows="10" tabindex="4"></textarea></p>
    
    <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
    <input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
    </p>
    <?php do_action('comment_form', $post->ID); ?>
    
    </form>
    
    <?php endif; // If registration required and not logged in ?>
    
    <?php endif; // if you delete this the sky will fall on your head ?>
  6. Diverse Image
    Member
    Posted 4 years ago #

    Thanks for the help

Topic Closed

This topic has been closed to new replies.

About this Topic