A couple different questions

[taylorsmama]

I have a couple questions, they are probably easy fixes, but I can't figure it out. Thanks

1. I changed the color of the box headers, however the corners are a different color and I can't figure out how to change them to the same color.

2. I have some images of my products saved as .jpeg files on my computer, i added them to the products and some of them are a bit distorted. They are short and wide, stretching the

image. How can i fix this?

3. I want to change the color of the "What's new here" heading title text, where do i find the place to make the change?

4. One more, when I changed the background color of the heading, a box around my logo remained white. Is this something that needs to

be fixed with my logo? or is there another way to fix it?

 

thanks for your help.

[germ]

The corners are images.

 

Follow this

[multimixer]

re:2 the original image ratio and the setting in admin > configuration > images doesn't match (ie the setting is 100x100 and the image is 150x100). Leave the height empty. The best is to install an image contribution, there are many available in the contributions section

 

re:3 in your stylesheet.css. (take the developer tools from firefox to figure out easily what css rule apply to where)

 

re:4 not very clear what you mean

[FIMBLE]

#4. I would imagine its part of the image you used, i.e a border.

you can either crop it to remove the white, or make it transparent if its a .gif or .png

Niv

 

 

[taylorsmama]

The corners are images.

 

Follow this

 

I read this thread. What exactly do i replace? I am not very familiar with html and don't want to remove the wrong thing.

[FIMBLE]

I read this thread. What exactly do i replace? I am not very familiar with html and don't want to remove the wrong thing.

 

If you mean to change the images then you need to change

 

class infoBoxHeading extends tableBox {
function infoBoxHeading($contents, $left_corner = true, $right_corner = true, $right_arrow = false) {
$this->table_cellpadding = '0';

if ($left_corner == true) {
/* $left_corner = tep_image(DIR_WS_IMAGES . '[color="#ff0000"]infobox/corner_left.gif[/color]'); */
$left_corner = ' ';
} else {
/* $left_corner = tep_image(DIR_WS_IMAGES . '[color="#ff0000"]infobox/corner_right_left.gif[/color]'); */
$left_corner = ' ';
}
if ($right_arrow == true) {
$right_arrow = '<a href="' . $right_arrow . '">' . tep_image(DIR_WS_IMAGES . '[color="#ff0000"]infobox/arrow_right.gif[/color]', ICON_ARROW_RIGHT) . '</a>';
} else {
$right_arrow = '';
}
if ($right_corner == true) {
/* $right_corner = $right_arrow . tep_image(DIR_WS_IMAGES . '[color="#ff0000"]infobox/corner_right.gif[/color]'); */
$right_corner = $right_arrow . ' ';
} else {
/* $right_corner = $right_arrow . tep_draw_separator('pixel_trans.gif', '11', '14'); */
$right_corner = $right_arrow . ' ';
}

$info_box_contents = array();
$info_box_contents[] = array(array('params' => 'height="14" class="infoBoxHeading"',
'text' => $left_corner),
array('params' => 'width="100%" height="14" class="infoBoxHeading"',
'text' => $contents[0]['text']),
array('params' => 'height="14" class="infoBoxHeading" nowrap',
'text' => $right_corner));
$this->tableBox($info_box_contents, true);
}
}

 

I have highlighted them in red.

Nic

[FIMBLE]

of course it did not work!

here they are you need to find them in the code and change the names to whatever you want them to be

 

infobox/corner_left.gif

 

infobox/corner_right_left.gif

 

infobox/corner_right.gif

 

and the little arrow

 

infobox/arrow_right.gif

 

Nic

 

[taylorsmama]

of course it did not work!

here they are you need to find them in the code and change the names to whatever you want them to be

 

infobox/corner_left.gif

 

infobox/corner_right_left.gif

 

infobox/corner_right.gif

 

and the little arrow

 

infobox/arrow_right.gif

 

Nic

 

I don't want anything there except the color of the bar along the top. what if i remove the image? WTF, why is there an image there anyway, LOL.

[taylorsmama]

re:2 the original image ratio and the setting in admin > configuration > images doesn't match (ie the setting is 100x100 and the image is 150x100). Leave the height empty. The best is to install an image contribution, there are many available in the contributions section

 

re:3 in your stylesheet.css. (take the developer tools from firefox to figure out easily what css rule apply to where)

 

re:4 not very clear what you mean

 

#2 - I left the height empty and now I have some images that are very big and some small. is it because i used a path to the image on my computer rather than uploading them to an image folder on my server? which way is better?

[FIMBLE]

I don't want anything there except the color of the bar along the top. what if i remove the image? WTF, why is there an image there anyway, LOL.

 

Ever seen a curve on the net that is not / does not contain an image?

That's because its impossible other wise

Nic

[multimixer]

#2 - I left the height empty and now I have some images that are very big and some small. is it because i used a path to the image on my computer rather than uploading them to an image folder on my server? which way is better?

 

You have 2 options

a. You "prepare" the images ie in photoshop and make them to have the same ratio all, lets say 2x3. Then you use the same ratio in your admin settings, ie 100x150 or 400x600 etc

b. you instal an image contribution. the are many available

 

What do you mean with "used a path on computer instead of uploading"? Do you not add the product images via admin? In any case it doesn't affect the size.

[multimixer]

Ever seen a curve on the net that is not / does not contain an image?

That's because its impossible other wise

Nic

 

I have seen, just css, no images. Well ok, it's done with bullets. here (It's a non commercial page)

[FIMBLE]

I have seen, just css, no images. Well ok, it's done with bullets. here (It's a non commercial page)

 

Yes you are right, but its a fiddly bit of code to do and why would you bother when you can use an image?

 

Aesthetics are not quite osC's strong point, and that css method is seldom used

 

 

[♥14steve14]

There is a thread pinned to the top of this forum that answers all the common install and setup questions, have a read of it.

 

To remove the infobox corners. if you open the includes/boxes/categories file you will find a bit of code similar to

 

new infoBoxHeading($info_box_contents, true, false);

 

If you alter the true to false the corner will go.

 

You then have to open all the files in the boxes folder and do the same.

 

To remove the corners on the boxes that appear in the centre of the pages look for something similar to

 

new contentBoxHeading($info_box_contents);

 

In that bit of code add the false, false as in the example above.

 

All the little corners should be gone.