Abbiamo Supremo Support Thread

[brandonturpin]

Hi Brandon,
Any luck with looking at my stylesheet? I'm thinking of backtracking my changes and see if it will fix the problem with IE. Unless you know exactly where I went wrong
BUT methinks the site looks GREAT on Firefox, Chrome and my ipad!!
Tremendous thanks to you!

I will get that fixed this evening, sorry I only have a windows computer at home, the office runs Linux and my laptop is a mac and I have not been home till late the past 2 night a lot of late work at the office. :-(

But tonight I will get that taken care of sorry about the delay!

[PeazzAndycresswell]

hey mate

thanks for that got the gradient looking nice now..

also around the edge of the menu, one the corners there are like yellow corners? is there a way i can change the yellow to white to give it the rounded effecT?

[PeazzAndycresswell]

and also mate how do i change the background colour of the cart @ the top of the page :)?

[brandonturpin]

and also mate how do i change the background colour of the cart @ the top of the page :)?

there is a left image, and a right that has the text

for the right side you can change the color here on your stylesheet.css

#contentcolumn {
  background-color:#D8E8F3;
  background-position:initial initial;
  background-repeat:initial initial;
  float:right;
  font-size:12px;
  height:39px;
  padding-top:8px;
  width:173px;
}

Then the left side that has the cart is a image you can download it by right clicking it or I also attached it to the thread then you just need to change this part to the link to the image in your header.php

<div id="leftcolumn">
  <img src="direct link to image" class="cart-image" alt="the shopping cart" />
</div>

I will look at the yellow lines when I get home in a few hours. Right now it is not showing on any of the browsers that I have at my office

[PeazzAndycresswell]

there is a left image, and a right that has the text

for the right side you can change the color here on your stylesheet.css

#contentcolumn {
  background-color:#D8E8F3;
  background-position:initial initial;
  background-repeat:initial initial;
  float:right;
  font-size:12px;
  height:39px;
  padding-top:8px;
  width:173px;
}

Then the left side that has the cart is a image you can download it by right clicking it or I also attached it to the thread then you just need to change this part to the link to the image in your header.php

<div id="leftcolumn">
  <img src="direct link to image" class="cart-image" alt="the shopping cart" />
</div>

I will look at the yellow lines when I get home in a few hours. Right now it is not showing on any of the browsers that I have at my office

if you take a print screen of my website www.consolecodeslab.com and zoom in to the corners of the menu, you will see what i mean, maybe i just see it before i know its there i dont know :)

Also, im pretty much finished now few ez pages to set up for seo purposes, what do you think mate? is it to much? does it look professional?

[SPH]

Yellow around header menu? If I may jump in here. I cannot bring up either of your sites now for some reason. However, I've long noticed on Abbiamo that if I place my IE9 in "compatability view"* that a yellow background appears; usually like a yellow space above the menu nearly as tall as the menu itself. No, it doesn't look good and I hope that most customers would not be in compatability view...but who knows?

This is not unique to Abbiamo. I recall that the Apple Zen template with its drop-down menu had a similar issue.

Or maybe this isn't what you're talking about....

*IE9 menu bar/tools/compatability view

[PeazzAndycresswell]

Yellow around header menu? If I may jump in here. I cannot bring up either of your sites now for some reason. However, I've long noticed on Abbiamo that if I place my IE9 in "compatability view"* that a yellow background appears; usually like a yellow space above the menu nearly as tall as the menu itself. No, it doesn't look good and I hope that most customers would not be in compatability view...but who knows?

This is not unique to Abbiamo. I recall that the Apple Zen template with its drop-down menu had a similar issue.

Or maybe this isn't what you're talking about....

*IE9 menu bar/tools/compatability view

i just opened internet explorer, and put into compat mode and see what you mean i would love to know what this is , as this is the color im seeing on the corners :)

website in non compat mode looks very 2d no gradients but i know this is a ie issue? check it out in chrome looks awesome imo

[brandonturpin]

i just opened internet explorer, and put into compat mode and see what you mean i would love to know what this is , as this is the color im seeing on the corners :)

website in non compat mode looks very 2d no gradients but i know this is a ie issue? check it out in chrome looks awesome imo

Ahhh!! I see what you are talking about, its hard to see if its not in compatibility mode in IE! I believe SPH mentioned it before but when I looked I did not see it, after looking closer I found the issue that will solve the corner in regular mode and in compatibility mode IE.

On the stylesheet you need to change this line

#afooter {
    background:#ff9;
    clear:both;
}

to

#afooter {
    background:#fff;
    clear:both;
}

That should do it, I have a few updates to release on this template, hope to compile them and get it updated this weekend, I will definitely add this in there! Thanks!

[PeazzAndycresswell]

hey buddy

ok so we have fixxed the problem of yellow corners, but i noticed in compat mode in ie9, the search bar goes out of position, again i believe this to be a css issue somewhere? but i dont know what im looking for yet

[SPH]

Yes, yellow is gone. But I think that the strange space is still there; it's just now white instead of yellow. When change back and forth from compatability view, the page jumps and the menu bar goes slightly up and down in relation to other text in header. May explain why search button moves.

But much better than the yellow. Thanks.