26 replies to this topic

[svella]

Hi, George: Thank you very much, your support made the correct icon of the correct color appear on the Add to Cart button!
Yes, I did know all the symbols are on a single image -- and I DID wonder the correct one was chosen )

It does seem that Firefox does not render the hover - of either the button background color or the icon - properly....

Here's the URL: starkclients.us/youngwell.biz  ==> it an ecommerce site for a naturopathic physician.
On the "home" page, pick an item such as "brain tincture" and click and the button in question is the "Add to Card" button on the product_info page, on the right.
I am going to remove the "reviews" button as we are NOT going to have reviews.

Here's the text of my css (from Firefox Firebug):


.buttonSet .buttonAction button[type="submit"] {


background: url("images/icons/ui-bg_glass_60_c8e6c8_1x400.png") repeat-x scroll 50% 50% transparent;
border: 1px solid #699859;
color: #699859;
}

.buttonSet .buttonAction button[type="submit"] *:hover {


background: url("images/icons/ui-bg_glass_50_bedcbe_1x400.png") repeat-x scroll 50% 50% transparent;
border: 1px solid #699859;
color: #699859;
}

.buttonSet .buttonAction button[type="submit"] span.ui-icon-cart {


background: url("images/icons/ui-icons_699859_256x240.png") repeat scroll -48px -112px transparent;
}

.buttonSet .buttonAction button[type="submit"] span.ui-icon-cart *:hover {


background: url("images/icons/ui-icons_5d875d_256x240.png") repeat scroll -48px -112px transparent;
}

I hope this provides the information you asked for -- if you are able to assist with with Firefox issue, that would be greatly appreciated...

[svella]

@multimixer

Hi, George
I apologize for bothering you -- should you have any ideas regarding Firefox, it would be greatly appreciated... Thanks!!
Selena Vella

[ErikMM]

any idea how to add a message, like titles on links for the add to cart button?

so on hover the add to cart button would ave a popup text styled like titles/alts saying "some title text" on hover

[surrfman]

@multimixer

digesting all the info here..

i use the accordian categories contribution, is there a way to have just those buttons assume a different color set. retaining button states, the "soft" and the 75% shading applied in themeroller?

I assume adding the statement to my stylesheet, i would start with this:


#categoriesMenu {
  
}


would I be correct in picking out the elements in my version jquery file, copying them to the above; seems like a lot of code, is there a better way?

Thanks a bunch,

   Timmy C






Thanks,

  Timmy C

Edited by surrfman, 16 November 2012 - 05:17 PM.

[knifeman]

My issue is just opposite of surrfman.

I too have the accordion menu add on.
I want to change the 1 px border around my continue button to be black. ( I would settle for all buttons, but really only need the continue and confirm order buttons)
This code:

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background:

Is the relevant code for my button boprders, but changing 1px solid #c5dbec to black also changes the borders around my category names.

I have read several posts on this subject, but have gotten lost. Is there a simple way to change my button borders without changing the category name borders?

Tim

[kymation]

Be more specific. The Accordion menu has an ID of "categoriesMenu", so use something like

#categoriesMenu .ui-state-default {
  border: 1px solid #c5dbec;
}

Regards
Jim

[knifeman]

kymation, on 05 March 2013 - 12:43 AM, said:

Be more specific. The Accordion menu has an ID of "categoriesMenu", so use something like

#categoriesMenu .ui-state-default {
border: 1px solid #c5dbec;
}

Regards
Jim

That is exactly what was needed. THANKS!

Tim