bencaplan

Hi sandraholt,

Your WordPress theme is built on the 960 grid, with the original intention of being responsive. That said, it seems that your site has a number fixed widths thrown in there, so I don’t think that adding some more will be an issue.

In your wrapper definition in style.css on line 26 does not define a width so the file 960.css is setting it. To make “less background” you will want to add the following code to your style.css file after the rule that starts on line 26 ends:

.container_12, .container_16{
    width: 1000px;
}

You will also need to add a background color to your banner under the rule #sub-header that starts on line. Something like background-color: #00000; where #000000 is the hex number for the color you want to use.

I assume that you will also want to make your content column larger, so you will also want to add width: 660px to style.css in the rule that starts on line 42. You want the change in width of this column to be equal to the change in .container_12, .container_16.

I hope that this helps.

Hi nblauw,

It seems like you are mixing the different approaches up. If you want to parse the shortcodes, you can in the WP admin in the title field enter something like [comment-count].

Then in you functions file you only need the following code:

<?php
    function my_comment_count($title){
         return do_shortcode($title);
    }
    add_filter( 'the_title', 'my_comment_count' );
?>

This would of course rely on you creating a short code that caused the comment count. To create a short code you need code like this:

<?php
    function shortCodeFunction( $atts, $content=null ) {
	//..code here
     }
     add_shortcode( 'shortCodeName', 'shortCodeName' );
?>

Does that make sense? If you want to just append the count, rather then add the ability for the title field to parse short codes then you could do something like this:

<?php
    function add_comment_count_to_all_titles($title){

         $result = $wpdb->get_var("
             SELECT COUNT(*)
             FROM $wpdb->comments
             WHERE comment_approved = 1
         ");

         return $title . "Has {$result} comments";
    }
    add_filter( 'the_title', 'my_comment_count' );
?>

I do want to mention again that binding this functionality to “the_title” is probably not the best idea. You are probably better off tweaking the theme templates.

At any rate, hopefully this helps.

Hi Podroznikowo,

Something to consider is to change the link to the location page with the feed of articles. Instead of directing your user to a “page” (like you would create as a litteral page in the WP admin) you might be better off pointing them to a category (like “/category/slowenia”).

In terms of the code that you have written, I am pretty sure that your main issue is with this line of code:

<?php query_posts('cat=4&showposts=4'); ?>

To my knowledge, “showposts” is not an array index that query_posts() looks for. If you only want 4 posts to show up, you are better off using the “posts_per_page” key. Thus your code would look like this:

<?php query_posts('cat=4&posts_per_page=4'); ?>

I hope that this helps.

Hi sandraholt,

Do you mind clarifying a bit? Do you mean that you want the width of your site to be wider (thus you see less background)? With that additional space you want the main article copy to be what gets wider?

Let me know and I would be happy to take another look.

Hi nicholasnicola,

Were you able to resolve this? I am not sure that I am seeing the issue you are describing. Could you explain a bit further? Perhaps send a couple links to screen shots (with something like Screencast)?

Let me know and I would be happy to take another look.

Hi nblauw,

The last code snippet I provided will do that. Here it is again:

<?php
    function add_shortcode_to_title( $title ){
        return do_shortcode($title)
    }
    add_filter( 'the_title', 'add_shortcode_to_title' );
    //you might be able to simplify this to just "add_filter( 'the_title', 'do_shortcode' )", though I am not 100% sure of that...
?>

I think that you are probably better off editing the theme files though. For the “main page” (if you are talking about your main feed), it will depend upon how your theme as to which file this is (could be home.php, front-page.php, [template-name].php or something else.

P.s. Your first solution ( PHP ) , how change the page title for only one page in page.php?

To target just one page you can do something like this:

<?php
  the_title();
  if( is_page('YOU_PAGE_SLUG, ID or TITLE') ) echo 'Total Post Count: ' . post_count() . ' Total Post Count: ' . comment_count();
?>

I hope that this helps.

Hi nblauw,

How/where exactly do you want this to show up in your site? The WP function the_title() shows up in many unexpected locations, such as wp_nav_menu() and in the admin. If you are thinking that you only want this content to show up on a page’s h1 say then you could always write something like this into your theme:

page.php (and similar in single.php):
<h1><?php the_title(); ?> <?php post_count(); //and/or comment_count(); ?></h1>

If you do want this to be everywhere that you use the function the_title() you could write something like this:

functions.php

<?php
    function add_post_count( $title ){
        return $title . '  ' . post_count();
    }
    add_filter( 'the_title', 'add_post_count' );
?>

If you are looking to just process any short code that you stick into the title field you could run something like the following:

functions.php

<?php
    function add_shortcode_to_title( $title ){
        return do_shortcode($title)
    }
    add_filter( 'the_title', 'add_shortcode_to_title' );
    //you might be able to simplify this to just "add_filter( 'the_title', 'do_shortcode' )", though I am not 100% sure of that...
?>

Though again, of all of these, the first one, is likely the best option (if it suits your needs). Hopefully this helps!

Hi kristygardner,

It sounds like your assessment is accurate and that this is just a CSS issue. Do you have a link to the site that you can share so that I can help further?

@tizz: Sorry about that…

I was not aware that this was a browser fall back though I do know that rem is not supported by IE < 9. Good to know, thanks! That said, I am pretty sure that the second statement is an override (at least for browsers that acknowledge it), right? I believe that if you change the second declaration to something like width: ##em or ##px that should work should work (though it will effect the responsiveness).

@thesachman: If you want to make the content columns larger as well (and not just the white space), you will need to also style .row on line 171 of styles.css in a similar mannor.

Hi cbridges,

You need to give at least .right_1 (and any other blocks like it) a width (though I would suggest giving both a fixed width). Once you do this you should be all set.

Hi gotmedia,

If I understand your question correctly, you are interested in adding the itemprop="image" portion? The function the_post_thumbnail() takes a second argument that allows you to pass in an array of HTML attributes. Thus to create this you could write the following:

<?php
  the_post_thumbnail(
    'full',
    array(
        'itemprop' => 'image',
        'class' => 'alignright size-full wp-image-753',
        'alt' => 'image.jpg'
    )
  )
?>

If I am not understanding you correctly, and you are interested in using the new html 5 image tag or something else then you can always query for just the image src like so:

<?php
  $imageUrl = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );
?>

I hope that this helps!

Hi Kyle888,

Do you have a link to your site that you can share? Also do you mind sharing your child theme code? Did you properly write the css preamble and and active your child theme? Once you create the child theme you of course need to active it and not the main theme.

Let me know and I would be happy to help.

Hi wpuser40895,

Do you have a link to your site that we can check out? There certainly are a number of ways to remove this code. I would recommend a child theme off this theme and then either tweak the footer.php file (do a “find”-command f on mac-for “BitBuffet.com” and delete it) or add a line of code to style.css (add [anchorSelector]{display:none} – if you send the link I can tell you what anchorSelector should actually be).

I hope that this helps.

Hi tizz,

In your main theme style sheet (style.css), the rule starting on line 251 has two declarations that are limiting controlling the width of your site: “max-width: 980px;” and then “max-width: 98.0rem;” which is overriding the afore mentioned. If you change the second one (max-width: 98.0rem;) then you should be able to make the white space wider.

I hope that this helps.