Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #25415

    First let me say that I have been very impressed with all the help available through the forum. This is my first site where I have really gotten into making css changes and your theme is set up awesomely. I am learning a lot…

    I am trying to integrate both variations and the add on plug in to create as seamless a buying experience as possible. The problem with variations is that I would have a couple thousand of them… I really want to just the choice of size and width options but have the capability to show the changed pictures which this forum has guided me through.

    My question is, how can I get the CSS for the variations and add ons to look somewhat the same? Please see here…http://johnallen-woodward.com/product/black-hornback-alligator-belt/



    Hi superbanker36,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .single-product .sub_menu {
    font-size: 15px;
    .single-product .product-addon {
    font-size: 12px;
    border-width: 1px;
    border: 1px solid #333;
    margin: 10px 0;
    .single-product .product-addon .addon-name {
    float: left;
    padding: 11px 10px;
    font-size: 12px !important;
    border-right: 1px solid #333;
    height: 34px;
    width: 60px;
    margin-right: 6px;
    .single-product table.variations .label {
    width: 60px;
    .single-product .form-row {
    padding-top: 10px;

    That is the closest I can get to matching them up since the regular variation selection doesn’t use the cufon font.






    Devin- I actually like the variation font, color, centering better… Could i ask one last thing… Is it possible to turn off the cufon font and use the font, color, and placement from the variations layout?


    I believe so but I don’t know it off hand. I’ve tagged the topic for another of the support crew who should be able to assist in unwrapping it from the variations.





    Open up js/avia.js and replace

    avia_cufon_helper('h1, h2, h3, h4, h5, h6, .menu li a strong');


    avia_cufon_helper('h1, h2, h4, h5, h6, .menu li a strong');




    Thank you!


    Glad we could help :)

    Let us know if you have any other questions or issues.



Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Variations and add ons’ is closed to new replies.