Jump to content



Photo
- - - - -

Hel with CSS styles for individual buttons in 2.3.1

css 2.3.1 buttons individual buttons

This topic has been archived. This means that you cannot reply to this topic.
26 replies to this topic

#21   svella

svella
  • Members
  • 33 posts

Posted 14 June 2012 - 03:30

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 /whistling.gif' class='bbc_emoticon' alt=':-' />)

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...

#22   svella

svella
  • Members
  • 33 posts

Posted 16 June 2012 - 03:45

@multimixer

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

#23   ErikMM

ErikMM
  • Members
  • 314 posts

Posted 16 August 2012 - 00:33

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

#24   surrfman

surrfman
  • Members
  • 363 posts

Posted 16 November 2012 - 17:16

@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 - 17:17.


#25   knifeman

knifeman
  • Members
  • 1,764 posts

Posted 04 March 2013 - 23:40

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

#26 ONLINE   kymation

kymation

    Code Monkey

  • Community Sponsor
  • 8,027 posts

Posted 05 March 2013 - 00:43

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

My Addons

Banners Box Download Support
Categories Accordion Box Download Support
Closest Shipper 2.2x Support
Document Manager 2.2x Support
Generic Box Download Support
Get 1 Free 2.2x Support
Price in Cart Only/MAPP Download Support
Modular Front Page Download Support
Modular SEO Header Tags Download Support
MVS 2.2x Support
PDF Datasheet Download Support
Price Updater 2.2x
Products Specifications 2.3.x Development Version Support Bugs/Suggestions
Request a Review Download Support

Shopping List Download Support New!
Specials Image Overlay Download Support
Superfish Categories Box Download Support
Theme Switcher 2.3+ Support  Updated


#27   knifeman

knifeman
  • Members
  • 1,764 posts

Posted 05 March 2013 - 16:00

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