Shape 5

Hi guys,

On the demo-style front page, the lower left box is a tad shorter than the main box on its right hand side - how do I fix that?

Also, have a look at http://ulcomedical.com/2009/index.php/latest-news-and-events - as you can see, the Category List layout needs tweaking, as you can't read the table headings (Article Title and Date).  Can you let me know where to change the CSS for that?

Cheers!

:)

Are you guys on holiday?  We're hoping to launch this site soon...

Hello,

1. The columns are completely controlled by css and the amount of content that is in them, the height of one does not effect the other column. There is no way around this.

2. You can try adding the following into bottom of your template_css.css file for the text to be white:

.sectiontableheader a {
color:#FFFFFF;
}

Hi Mike,

I'm not talking about the height, I'm talking about the width.  If you have a look at your demo (http://www.shape5.com/demo/index.php#) of eMercantilism, you can see that the box with the text "eMercantilism is designed around VirtueMart but can be used on any Joomla website" etc, below the main box, is not quite as wide on the right hand side as the main box above it.

:)

Oh, I see what you mean now :)

Edit your template_css.css file at line 2182 you'll find:

#s5_user789_left

change the padding-right:5px; to padding-right:0px;

G'day mate,

Thanks very much!  I ended up using 2px padding, as that looked right to me.

I've got another couple of questions now, and it'll probably help if you have a look at my site before answering them:

http://ulcomedical.com/2009/index.php

As you can see, I'm using a repeat-y instead of repeat-x for my fading image, because we wanted to have our logo sitting on white space.  Is there some way of making that top right corner of the screen the blue colour?  If not, the fade will vary for each screen if I make the background image massive.

Also, we want to move the Terms and Conditions tab to sit next to the search box, and add a Home link and a Site Map link (in other words, have another menu up next to the search tab).  For an example, see this site:

http://www.mindray.com/main/index.jsp

How would I go about this?

:)

Hi, for the header image you're better of making an image that is 107px high with the fade already on the image and then change your css in template_css.css to look like this:

#s5_topbackground {template_css.css (
background:transparent url(../images/topbackground.png) no-repeat top right;
height:107px;
width:100%;
}

this will align the image in the top right with no repeating, but the image should be the size of the area given.

As for the menu, you wouldn't be able to do that without a lot of custom coding.

G'day mate,

Thanks again for the replies!  I'll try to figure out the coding myself, but do you guys do custom jobs for extra money?  We're pretty set on the idea of the extra menu in the header.

:)

Hi, I am sorry with our work load right now we cannot take on any extra jobs.

I have another pretty urgent question.  I've set up a home page and a product page, because I don't want the S5 Image Fader taking up space when the user clicks on a category for more information.  The problem is, if you go to the product page and then click on a category, it opens that category using the home page.

Have a look here (http://ulcomedical.com/2009/index.php) and try it for yourself.  Is there some reason it's doing this?

Cheers!

:)

Hello, VM has a lot of problems with page assignments some times. Make sure that your module isn't set to unassigned and that it's only on the home page.

Hi Mike,

Thanks for that - I'll check out the problem with the Virtuemart forum.  I have another question - on any of my product browsing pages, the product in the top right is a tad lower than the top left product.  Can I fix this?

Cheers!

:)

Also, I've had a go at a hacky version of the extra top menu.  I added this to template_css.css:

#navcontainer ul
{
float:right;
height:28px;
margin-top:10px;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #000000;
}

#navcontainer ul li a:hover
{
color: #000000;
text-decoration: underline;
}

...and then this to index.php:

<div id="navcontainer">
<ul>
<li><a href="#"><img src="images/stories/icons/icon_home.png">Home[/url]</li>
<li><a href="#">Site Map[/url]</li>
<li><a href="#">Terms & Conditions[/url]</li>
</ul>
</div>

I've added just the one image so far, and it doesn't work the way I'm doing it - the image is too high and too far left of the word "Home".  If I add images to the other two categories, the whole thing completely breaks.

Is there a better way of doing it?  I think I've done most of the work, so just need help on the images thing in order to get it happening...

:)

Bump!  I'm so close!

:)

Hello,

For the top menu you can add such as "line-height:20px;" and this will get the text to align vertically.

As for the problem with the product list page.  I am not sure why this is occurring.  I would try starting from the original/overwriting your current browse page with the one we provide.

Regards,

Thanks for the top menu fix - I've done it a different way now (couldn't get the horizontal list to work), but your fix was very helpful for the new layout anyway :)

The browse page - I just went over it with a fine tooth comb and it's identical besides the fix you gave me in the other thread (changing the width from 100% to 310px).  I have a feeling it could actually be the title above it which is causing the problem - what do you think?

:)

Perhaps, you could try changing it to see if it fixes the problem.