|
Hi,
I have Shoppica2 installed on OpenCart v1.5.3. I’m trying to reduce the whitespace above and below the logo image (also below the main navigation menus “Wish List” “My Account” etc). There seem to be about 20 pixels of vertical white space in both locations. I have no idea how to change this. I’ve tried playing around with the screen.css.php file, but can’t seem to find the right thing to modify. Help would be appreciated.
store url: tinyjava.com
|
|
|
Hi,
Try to modify screen.css.php by fin and edit this codes:
Edit “margin”
#site_logo {
display: block;
<?php if ($language == 'ltr'): ?>
float: left;
margin: 35px 10px 30px 0;
<?php else: ?>
float: right;
margin: 30px 0 30px 10px;
<?php endif; ?>
text-align: center;
}
#system_navigation {
margin: 64px 0 23px 0;
<?php if ($language == 'ltr'): ?>
clear: right;
text-align: right;
<?php else: ?>
clear: left;
text-align: left;
<?php endif; ?>
}
Good luck,
Sam
|
|
|
Thanks Sam!
I’d actually found those right before you posted. That fixed most of the whitespace. I also edited this:
}
#categories > ul {
margin-bottom: 5px; (was 14 px)
I still have whitespace right below the single-pixel line separating the main nav area from the category area. Haven’t been able to figure that out one out yet, so if anyone knows how to reduce it I’d be grateful.
-Jan
|
|
|
Never mind! Solved it. Thanks again Sam for pointing me to the right place.
Had to modify the amount of padding for the categories:
#categories {
clear: both;
float: left;
float: right;
padding: 5px 0 0 0;
}
The padding used to 13px on the top.
|
|
|
Hi,
Good that you have fix it,
But I think that in better to move the cart above the menu,
also for this code change -10px to 5px for exmple to make a small space between the list and the bottom line :
#system_navigation {
margin: 64px 0 -10px 0;
<?php if ($language == 'ltr'): ?>
clear: right;
text-align: right;
<?php else: ?>
clear: left;
text-align: left;
<?php endif; ?>
}
and for the home menu icon, when you have reduce the height you have remove a part of the icon, so change in the code below -209px to -215px
#menu_home a {
text-indent: -1000em;
background-image: url(../images/sprite.png);
background-repeat: no-repeat;
background-position: 0 -209px;
background-color: #ddd;
}
Good luck
Sam
|
|
