I wrote a couple of notes for it. The question is, how should I word out everything?

In php: grid_16_prefix-2_prefix-2

In CSS: display: block;
width: 968px;
margin: auto;

This here is a mockup of my planned site.

This here is how it looks now.

I’ve been really struggling with all of this lately. I understand very little about html and wordpress in general, but this project is very important to me.

I’m also having trouble removing the page title, it’s tag is h3.post-title.

I’m really liking this theme – it’s really cool. Thanks.

There’s only 1 thing I can seem to find. Can anyone tell me how you can reduce the width of the site from the 1170px to around 980px (or 960px)?

Also, I’m just wondering if this theme is supposed to be using Bootstrap version 3?

Thanks in advance.

As aAs a new WordPress user – I would also like to know if I without concern just can upload VOYAGE theme each time a new version – or whether I should be aware of before I do it – so nothing changed on my site.

This is meant to be more of a note for others that might be trying to track down the same issue.

Out of the box, I was noticed that .col-620 was actually displaying at 605px and .col-300 was displaying at 293px (assume the same percentage differences for other columns).

The css uses percentages based on a 960 grid for column widths, which is great, but the wrapper is 960px wide with 20px of padding on the left and the right and a border. This only leaves a content area of 918px versus the 940px that a 960 grid expects. Having the outside container a little narrower than expected, makes all the columns a little narrower than expected.

Changing the padding on #wrapper to have left and right padding of 10px instead of 20px, and removing the border on it made the columns display at the actual pixel widths expected.

I’m using the 960 grid for a website I’m making at the moment. I’m new to WordPress and currently trying to figure out how to show all of the posts but style them differently in sets of two, for instance…

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div class=”post post-1 alpha”>Lorem ipsum</div>
<div class=”post post-2 omega”>Lorem ipsum</div>
<?php endwhile; else: ?>
<p>Sorry, there are no posts</p>
<?php endif; ?>

I need the first post to have the class “alpha” and the second post to have the class “omega”, and then loop through to the next set of posts in the same fashion. So the next posts would be:

<div class=”post post-3 alpha”>Lorem ipsum</div>
<div class=”post post-4 omega”>Lorem ipsum</div>

I hope that makes sense

Thanks

Problem is the default margins on the left and right of the container are too small: 10 px. So not getting enough white space for my liking. Is there a way of adding more white space to the left and right of .container_12 while not disrupting the rest of the CSS? I don’t want to rewrite more than necessary for fear of having to rename my CSS and corresponding template files.

Here is my site: https://www.mattlorenzi.ca