Need help? Check out our Support site, then


confit theme; is widening the primary content box possible?

  1. Greetings!
    I am currently using the upcoming events shortcode on the "Performances" page in my blog.
    Here's the link:
    http://krisandersonguitar.wordpress.com/performances

    I have purchased the CSS upgrade.

    The issue for me is the text of the events listed don't really flow due to the text wrapping. I would love to widen the primary content area in order to keep each event on 1 or 2 lines (just 1 ideally).

    Is it possible to widen the Primary box to fit more text horizontally? Or is it possible to alter the upcoming events shortcode?

    Any thoughts/ideas?

    Much thanks!

    The blog I need help with is krisandersonguitar.wordpress.com.

  2. Is it possible to widen the Primary box to fit more text horizontally?

    Getting rid of the description column looks like it will help a bit. Here is a CSS example that will hide it:

    .upcoming-events tr th:nth-child(4),
    .upcoming-events tr td:nth-child(4) {
    	display: none;
    }

    Or is it possible to alter the upcoming events shortcode?

    There aren't any shortcode attributes for the Upcoming Events widget that let's you adjust it, and WordPress.com doesn't allow you to alter the HTML or PHP code for things like shortcodes. So your best bet would be to use custom CSS like in the example above.

  3. You're right. Getting rid of the description column definitely helps.
    Thanks!

    Still a bit crowded in my Chrome browser, though.
    What about the idea of widening the primary content area to avoid so much text wrapping?
    Or does that fall under altering the HTML of the theme?

    Sorry for all the questions.

  4. You could do something like this, but you would have to increase the widths substantially to get rid of the text wrapping. You could change August to Aug which would help a little, but still not enough really and the summary would still likely be two lines. In the #primary rule you already have in your CSS, change the max width to a width of 70% as I show below.

    #wrapper {
        max-width: 1154px;
    }
    
    #primary
    width: 70%;
    }

    Also, the theme you are using is a responsive width theme, so make sure and narrow your browser window down to see what will happen on smaller width displays such as smartphones.

  5. Thanks so much.
    This is definitely better.

    Pretty amazing what you all do for us. Can't thank everyone enough!

  6. "You could change August to Aug which would help a little..."

    Is this is a setting I can alter in Google calendar outside of wordpress?
    I've looked but can't find how to change this.
    Not a big deal really, but if it is changeable, I'd love to do it.
    :)

  7. Google calendar settings are a little bit like spelunking (exploring caves). I took a quick look and didn't see it, but I'm pretty sure I remember seeing a date format somewhere.

Topic Closed

This topic has been closed to new replies.

About this Topic