Lemontree Posted June 15, 2016 Share Posted June 15, 2016 Good Morning, I have a few items for today: 1. I installed CC6 in a sub-folder (www.sitename.come/cubecart) while I am building it. Now, I am somewhat ready for live action; is there less headache way to move it to the main folder? I tried, but the link to images and document are all messed up. I tried to redirect, but it complaint that I can not redirect to sub-folder. 2. Change navigation background color. 3. display 4 items in a row instead of 3. Thank you Kathy Quote Link to comment Share on other sites More sharing options...
Dirty Butter Posted June 15, 2016 Share Posted June 15, 2016 See if this helps with the move: When you say navigation, do you mean the document/category links or the breadcrumbs? Breadcrumbs background is in foundation.css. Search for .breadcrumbs I'm not sure about the document/category background, as I use a plugin to change the location of all that. Quote Link to comment Share on other sites More sharing options...
Lemontree Posted June 15, 2016 Author Share Posted June 15, 2016 Dirty Butter, Thank you for you help again. I'm trying to change the document/category background. Quote Link to comment Share on other sites More sharing options...
bsmither Posted June 15, 2016 Share Posted June 15, 2016 To change the grid of panels from three to four, but only if the width of the browser window is wide enough, in the template content.homepage.php, near line 21: Find: <ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-3" data-equalizer> Change to: <ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-4" data-equalizer> Quote Link to comment Share on other sites More sharing options...
Lemontree Posted June 16, 2016 Author Share Posted June 16, 2016 Thank bsmither, I found your your old response to issue #1 incase someone was looking for the solution. Quote Link to comment Share on other sites More sharing options...
Lemontree Posted June 16, 2016 Author Share Posted June 16, 2016 This is so weird. I moved all the files from old folder to the main root folder. Deleted everything off cache folder. Change the Store URL in store setup under SSL tab. Everything works great, EXCEPT. There's always something,right? Now my top navigation bar (where the categories selection) displays 1/2 in different size. Where I have the categories, it display taller than the empty rest. I reloaded the browser, still display the same. It's hard to explain. Please go to www.khantily.com to see it. Please help. This drives me more insane. Thanks Kathy Quote Link to comment Share on other sites More sharing options...
Dirty Butter Posted June 16, 2016 Share Posted June 16, 2016 I've seen this before, but I'm not having any luck finding the right place in foundation.css to fix it. I'll try to find an old thread concerning this. Quote Link to comment Share on other sites More sharing options...
Dirty Butter Posted June 16, 2016 Share Posted June 16, 2016 It's somewhere in the top-bar-section of foundation.css. But I use SFWS Vertical Navigation and also his Document Management plugins, so I can't test it. Quote Link to comment Share on other sites More sharing options...
Lemontree Posted June 16, 2016 Author Share Posted June 16, 2016 I'm going to look into SFWS Vertical Navigation plug-in. Hopefully, it will fix the un-even top navigation bar background. Quote Link to comment Share on other sites More sharing options...
bsmither Posted June 17, 2016 Share Posted June 17, 2016 I think the file foundation.css has become damaged. In my copy (may have been slightly edited, so line numbers seem to be different): Line 2092: .top-bar-section li:not(.has-form) a:not(.button) { background: #333333; line-height: 2.8125rem; padding: 0 0.9375rem; } .top-bar-section li:not(.has-form) a:not(.button):hover { background-color: #555555; background: #222222; } .top-bar-section li.active:not(.has-form) a:not(.button) { background: #2ba6cb; color: #FFFFFF; line-height: 2.8125rem; padding: 0 0.9375rem; } .top-bar-section li.active:not(.has-form) a:not(.button):hover { background: #258faf; color: #FFFFFF; } Yours: line 2091: .top-bar-section li:not(.has-form) a:not(.button) { background: #333333; line-height: 2.8125rem; padding: 0 0.375re; } <<=== NOTE! Should be 0.9375rem; .top-bar-sectli:not(.has-form) a:not(.button):hover { <<=== NOTE! background-color: #555555; background: #222222; } .top-bar-section li.active:not(.has-form) a:not(.button) { background: #2ba6cb; color: #FFFFFF; line-height: 2.8125rem; padding: 0 0.9375rem; } .top-bar-section li.active:not(.has-form) a:not(.button):hover { background: #258faf; color: #FFFFFF; } Quote Link to comment Share on other sites More sharing options...
Lemontree Posted June 17, 2016 Author Share Posted June 17, 2016 Thank you so much, bsmither. I'm very appreciated. Quote Link to comment Share on other sites More sharing options...
Lemontree Posted June 17, 2016 Author Share Posted June 17, 2016 On June 15, 2016 at 3:43 PM, bsmither said: To change the grid of panels from three to four, but only if the width of the browser window is wide enough, in the template content.homepage.php, near line 21: Find: <ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-3" data-equalizer> Change to: <ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-4" data-equalizer> I was hoping to remove the featured product and best sellers off the right hand side. Looks like I'll have to expand the display of the category view and the documents in order to add the 4th column and make it looks right. Looks like it's more troublesome than it's worth. Thanks for the tip. 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.