Thanks again.

But as far as being able to set a specific width, there seems to be only three sizes that will work: 612px (full size), 306px, and 150px. If you post below the threshold of the those three sizes, it defaults to the next smaller size - in your case, the 306px.

I'm going to have someone take a closer look to see what would be causing this and I'll get back to you once I have more information.

Thank you!

I'm going to tag this for Staff help. I'm getting the same result on my test site as well. Regardless of what width I put in, when the 2 embeds are side-by-side in a shortcode, they won't be any wider than 306 pixels.

By default, the URL embeds the largest size of the image that can fit into the content area.

How are you hiding the sidebar widgets on your single posts? Did you hide them with the Custom Design Upgrade or by changing their "Visibility" on Posts?

Link to post: http://ouradventuresincanada.wordpress.com/2013/05/17/our-latest-scenery/

I wanted to reduce the gap between the widget on my footer, any idea how I can do it ?

If you look at the CSS using the web inspector in your browser, you'll see that the footer widgets are setup to be 200px wide with a right margin of 35px:

#footer .widget {
	margin-right: 35px;
	width: 200px;
}

So one thing you could do would be to adjust those numbers so the right margin is 0 and the width is 235px. Here is an example you can add to your Appearance → Themes → Customize → CSS panel:

#footer .widget {
	margin-right: 0;
	width: 235px;
}

So for the width, there is nothing I could you ? Can't modify it with some code ?... That's too bad for my readers who use a laptop...

You could try adjusting the width, I do think it's possible—but it's quite an advanced task because of how the theme is setup, and I would really recommend starting with a responsive theme to begin with if you would like a theme with a fluid width that stays mobile-friendly:
http://theme.wordpress.com/themes/features/responsive-width/

The 960px width is set on quite a few elements in the Triton Lite theme. Here is an example that just adjust that width and then adds a red border around the .container elements so you can see what's happening:

.container,
#logo,
.one-column #posts,
.page-template-page-no-sidebar-php #posts,
.attachment #posts,
.one-column .single-page-post .post-wrap,
.page-template-page-no-sidebar-php .post-wrap,
.attachment .post-wrap,
.one-column #posts .post-content,
.page-template-page-no-sidebar-php #posts .post-content,
.attachment #posts .post-content,
#slider-wrapper {
	width: 80%;
}
.container {
	border: 1px solid red;
}

As you can see, changing the base width would just be a start. You would need to ensure that the absolutely positioned post containers on the home page had enough space to fit 4 in a row (or more depending on the final width you selected). You would also need to recreate a header image at the new width you choose, and add in a new one manually with a set of CSS rules. The footer column widths would also need to be adjusted. And these are just the things I spotted while looking at the home page. There could be more work needed to adjust things I didn't notice, and this solution doesn't take mobile into account at all.

If you'd like to give it a try yourself, I think you would need to study CSS a bit more first.

Another option would be to get a quote from a designer to see if you can hire someone to convert the theme for you. Here is a form you can fill out to ask about that if you're interested:
http://en.support.wordpress.com/customize-my-site/request-theme-customization/

I have another question, do I have to post another thread or not ?

It's a good idea to post to another thread when the next question is unrelated to the original question posted or if it's an old thread. Also, if a thread gets marked as resolved (like this one will soon), then new replies added might not get seen.

If the new question *is* related to the original one, then it's fine to add to the same thread and mark the topic as "not resolved."

In general, it's good to post each question separately too—unless there are a group that area *really* closely related like some of the border questions you asked earlier.

The Triton Lite theme has a set width of 960 pixels. Any monitor resolution less than this width will show the scroll bar.

To remove the bottom border of the header and to adjust the height of the header, you can use the following:
#header { border-bottom: 0 none; height: 100px;}

To remove the border below the excerpts on the home page, you can use the following CSS.
.lay1 > div { border-bottom: 0 none; }

Lastly, to remove the thick grey line below the title of widgets, you can use the following:
#sidebar .widgets .widgettitle, #sidebar .widgets .widgettitle a { border-bottom: 0 none; }

Cheers!

So, I have few questions :

1- I think that the width of Triton theme is fixed because on my iMac, it's ok but on my McBook, I have a scrollbar on the bottom of the blog... So can I have some code to make the width flexible (or fluid) ?

2- How can I make the thin black line below my header and navbar disappear ? And how can I adjust the height of the header and the navbar ?

3- How can I the thick gray line below each excerpt on my home page disappear ?

4- How can I make the thick gray line below the title of my widgets on the right sidebar disappear ?

I think this is it for this first time... Sorry for my bas english, I am French and it appears that the French forum is poor on css help !

Thanks a lot in advance !

.lay1 > div p {
	text-align: justify;
}

p { text-align: justify !important}

Here is the full set of CSS I tested (copied from above):

.home .lay1 > .post,
.home .lay1 > .post img {
    width: 250px;
}

.home .lay1 > div {
    margin-right: 20px;
}

Now, if you want to also center the whole set of images, you'll have to do it manually with some "left" space because of how everything is absolutely positioned to get them into a stacked grid. What number to use will depend on the values you choose for the CSS example above. For that example, I found that a left width of 70px looks really nice. Here is an example showing the resized images with the space between columns smaller and the main column centered:

.home .lay1 {
    background: none;
    left: 70px;
    width: 810px;
}

.home .lay1 > .post,
.home .lay1 > .post img {
    width: 250px;
}

.home .lay1 > div {
    margin-right: 20px;
}

I took out the background for ".lay1" because it is an image with a set column width for the dashed lines. If you wanted to add those back, you could download the image, change the width to match up with the new widths you choose in your CSS, upload the revised image to your media library, and then use CSS to add it back as a background on ".lay1" Here is the image:
https://s2.wp.com/wp-content/themes/pub/triton-lite/images/lay1_bg.png

To visualize how the block elements are spaced, you can temporarily add borders in a preview only—this will help you just see where everything is:

.container {
	border: 1px solid red;
}
.lay1 {
	border: 1px solid blue;
}
.lay1 > .post {
	border: 1px solid green;
}

Use the borders example to preview both before and after saving the CSS to edit the column widths and it will help you see what's happening.

Sorry I should have said that I had hidden away the excerpts for now with

triton-lite-excerpt display; none

Is there no way of justifying the excerpt text?

Thank you!

.home h2.postitle {
text-align: justify !important;
}

I was wondering if anyone knew the CSS code so that all the excerpts on the front page (which I have added using the 'excerpt' box in the post dashboard, not the 'read more' function) is justified.

At the moment the text is centered.

I am using the Triton Lite theme.

Many thanks in advance.

#access {
    display: table;
    float: none;
    width: auto;
}

display: table;
margin: 0 auto;

http://css-tricks.com/centering-list-items-horizontally-slightly-trickier-than-you-might-think/

I'm trying to center the top navbar, I don't like the left alignment. I've tried to use the following code to do this, but I've had no success:

.menu {
text-align: center;
}
.menu ul {
display: inline-block;
}

Please could anyone help?

The blog I am struggling with is http://newlessaverage.wordpress.com