Jump to content

Foundation V6 - Homepage and Category widths


MattMatt
 Share

Recommended Posts

Hi Guys,

I'm new here but have been using cubecart for some time.

I'm stuck on a website i'm building for a friend - www.carbonperfection.com.

I've added in a gallery to the front page which is really nice but struggling to get it to span the entire width - i just can't find the settings!!
Can anyone point me in the right direction.. i noticed this is the same setting (surely?) as the categories as this too isn't wide enough. I guess this is because i have removed the featured products. 

 

I'd also like to remove the small padding at the top of the gallery... but again.. haven't been able to find the setting..

 

Can anyone point me in the right direction? 

Link to comment
Share on other sites

In Foundation.css 

 
.thickpad-top {
    padding-top: 1.25em;
}

make it 0em or padding: 0; 

I'm not sure if it's used in other pages though, so maybe be careful with that, I haven't really come across it in my rebuild yet, but then again, I am on part 5 of 9billion.

  • Like 1
Link to comment
Share on other sites

2 hours ago, dobie said:

What version of cube are you using ?

 

CubeCart-6.2.0-b1 :)

 

2 hours ago, Lastwolf said:

In Foundation.css 

 
.thickpad-top {
    padding-top: 1.25em;
}

make it 0em or padding: 0; 

I'm not sure if it's used in other pages though, so maybe be careful with that, I haven't really come across it in my rebuild yet, but then again, I am on part 5 of 9billion.

I'll give it a go now :)

 

Doesn't seem to be an option for .thickpad-top in my css file?

 

foundation.css

Edited by MattMatt
removing bulk of text
Link to comment
Share on other sites

In one of your skin template files, probably main.php, find these statements:

<div class="row {$SECTION}_wrapper">
  <div class="small-12 large-9 columns" id="main_content">
    <div>
      <div data-alert="" class="alert-box alert">
        <ul class="nomarg no-bullet">
          <li>JavaScript is required by this website. Please enable this in your browser settings.</li>

Change the large-9 to large -12. The various CSS sizing classes instructs the browser how much of the available container to give to this row section. There are 12 columns per row (within the parent container). So, when the browser viewport is 'large', this section of 9 columns will take 75% of the row. A section of 12 columns will take 100% of the row.

  • Like 1
Link to comment
Share on other sites

If I read you right, you want the small gap between the black horizontal Navigation bar and the main display area (section wrapper) to be removed.

This small strip holds the "breadcrumbs".

So, please decide if you want the breadcrumbs to be visible only on pages other than the homepage (obviously, no breadcrumbs here), or not visible on all pages.

Link to comment
Share on other sites

1 minute ago, bsmither said:

If I read you right, you want the small gap between the black horizontal Navigation bar and the main display area (section wrapper) to be removed.

This small strip holds the "breadcrumbs".

So, please decide if you want the breadcrumbs to be visible only on pages other than the homepage (obviously, no breadcrumbs here), or not visible on all pages.

 

Thats correct.. only for the main homepage.

 

Link to comment
Share on other sites

Ok, in main.php:

Find:

            <div class="row">
               <div class="small-12 columns small-collapse">
                  {include file='templates/element.breadcrumb.php'} 
               </div>
            </div>

Change to:

{if $SECTION_NAME neq "home"}
            <div class="row">
               <div class="small-12 columns small-collapse">
                  {include file='templates/element.breadcrumb.php'} 
               </div>
            </div>
{/if}

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...