Jump to content

spacing, logo, and footer


Somhairle1314

Recommended Posts

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

 

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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.

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.

×
×
  • Create New...