MattMatt Posted April 4, 2018 Share Posted April 4, 2018 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? Quote Link to comment Share on other sites More sharing options...
dobie Posted April 4, 2018 Share Posted April 4, 2018 What version of cube are you using ? Quote Link to comment Share on other sites More sharing options...
Lastwolf Posted April 4, 2018 Share Posted April 4, 2018 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. 1 Quote Link to comment Share on other sites More sharing options...
MattMatt Posted April 4, 2018 Author Share Posted April 4, 2018 (edited) 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 April 4, 2018 by MattMatt removing bulk of text Quote Link to comment Share on other sites More sharing options...
bsmither Posted April 4, 2018 Share Posted April 4, 2018 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. 1 Quote Link to comment Share on other sites More sharing options...
MattMatt Posted April 4, 2018 Author Share Posted April 4, 2018 Legend Bsmither. Bang on the money! and the line above it? i assume padding? Again. another tricky one i haven't been able to find. Many thanks for your help Quote Link to comment Share on other sites More sharing options...
Lastwolf Posted April 4, 2018 Share Posted April 4, 2018 (edited) my bad it's actually in cubecart.helpers.css, i took chrome's word for it. Edited April 4, 2018 by Lastwolf Quote Link to comment Share on other sites More sharing options...
bsmither Posted April 4, 2018 Share Posted April 4, 2018 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. Quote Link to comment Share on other sites More sharing options...
MattMatt Posted April 4, 2018 Author Share Posted April 4, 2018 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. Quote Link to comment Share on other sites More sharing options...
bsmither Posted April 4, 2018 Share Posted April 4, 2018 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} Quote Link to comment Share on other sites More sharing options...
MattMatt Posted April 4, 2018 Author Share Posted April 4, 2018 Great! works a treat!! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.