Two collumns, small right collumn - how to edit the layout?

[DharmaCraft]

Hi, guys! I need your help as I'm a complete newbie.

 

I'm trying to adjust the layout of the theme exactly in this point:

I've chosen for "product" this one: "Two collumns, small right collumn". But as I can understand, normally it gives 25% of the width for this smal collumn. It is too much. Is there any way to reduce it to 15%?

 

Thanks a lot.

[DharmaCraft]

Done: in the public folder we find this one public_html/themes/_our_theme_/templates/layouts and modify these two files:

1) layout-both-columns.tpl

              <section id="wrapper">
                 ...
                  {block name="right_column"}
                    <div id="right-column" class="col-xs-12 col-sm-4 col-md-2">
                      {if $page.page_name == 'product'}
                        {hook h='displayRightColumnProduct'}
                      {else}
                        {hook h="displayRightColumn"}
                      {/if}
                    </div>
                  {/block}
                 ...
              </section>

 

2) layout-left-column.tpl

{block name='content_wrapper'}
  <div id="content-wrapper" class="left-column col-xs-12 col-sm-8 col-md-9">
    {block name='content'}
      <p>Hello world! This is HTML5 Boilerplate.</p>
    {/block}
  </div>
{/block}