Somhairle1314 Posted December 16, 2014 Share Posted December 16, 2014 Hello, I am developing a cubecart skin by customizing the vanilla skin. I have posted once here before and recieved fast and helpful feedback; now I am having another issue. I wanted to get rid of the white spaces between my logo and surrounding items (menu, and both side div's) and at the bottom of both side div's. But nothing I do seems to get the job done. I have configured the padding around all the related items to no avail. My current fix for the logo was to change the background to black and make the width 788px; while this worded on the right side it didn't for the left and may not be the best practice (I wanted to extend the logo across the whole area). I tried float: left; for the links on the bottom and that got rid of the white spacing on the bottom of the side panels, but pulled the mobile and created by content beside each other in an unflattering way. Any help would be greatly appreciated. thanks, Sam Quote Link to comment Share on other sites More sharing options...
bsmither Posted December 16, 2014 Share Posted December 16, 2014 Let's start by making this edit: Line 157 of common.css has: #page_content { padding: 0 313px 0 233px; } Make the 233px be 203px. This is the same width as the left sidebar. I'm not picturing the issue you wish to solve with the footer. Quote Link to comment Share on other sites More sharing options...
Somhairle1314 Posted December 16, 2014 Author Share Posted December 16, 2014 That worked. Is it possible to stretch the image all the way across the logo section so I can compare the black background with just the logo? What I meant concerning the bottom is extending the black sides all the way down or changing the color so that it doesn't bleed into the content section (I'm sorry if I'm not being clear). I am also having padding issues with text. I added padding to the text in #documents so that it wouldn't but so closely to the sidebars but it didn't change anything. I also couldn't get the menu at the bottom to center. I'm finding this much more difficult than I expected from past experience; but I am so pleased with how quickly you all respond and the help you provide. thanks, Sam Quote Link to comment Share on other sites More sharing options...
bsmither Posted December 16, 2014 Share Posted December 16, 2014 For the logo, generally CubeCart's skin code does not have attributes in the <img> tag that instructs the browser to resize the image (but 'responsive' or mobile skins can do the resizing). Therefore, for this skin, perhaps making your logo be approx. 740 pixels wide would fill the space between left and right sidebars. Allow me to suggest moving the SITE_DOCS div block outside and after the page_content div block. Then you can style the #documents rule as needed. Quote Link to comment Share on other sites More sharing options...
Somhairle1314 Posted December 17, 2014 Author Share Posted December 17, 2014 Thank you for helping me navigate this. It's different enough to be challenging but I'm getting the hang of it. 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.