Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
  • #19238

    I need to make the variable product variations area transparent like the rest of the page, the code I got is not working.

    .woocommerce-page select, .woocommerce select {

    background-color: rgba(255, 255, 255, 0.8);


    I previously in another post asked there a way to have the Main Menu Navigation links to change colors when mouse over based on the colors selected for links and link hover?

    I got this response

    The main color is set via the body. The links and hover color is set generally with:


    color: #FF000;



    color: #0004FF;


    I think the same can be done using primary and secondary colors in Flashlight Styling. What I want to do is make the MAIN MENU NAVIAGATION change colors when mouse is hovered and also on the sub menus. Please see the website and play with the main menu navigation



    Hi turboper4mer,

    The variations can be made transparent with:

    #top.single-product .variations td {
    background-color: transparent;

    The Primary and Secondary colors set in the styling tab should actually be adding those hover colors to the main menu but it looks like an old bug with cufon is causing them not to work. I’ll have to email Kriesi and I’ll tag the head of support on the issue as well.




    Try to add following code to css/custom.css:

    #top .main_menu .menu a:hover{
    color: #ff0000 !important;

    Afterwards clear your browser cache and check if the color of the menu items changes to red (mouse hover event).


    THANKS for the variations fix, it works! Now can they be made to be in two column layout? so they do not go so deep down?

    The hover link colors are still not working, I added a green color #30c42d to links so they really stand out while testing but the main navigation link lights are out! The color is also set in the above code you provided for hover color, I replaced the color code with the same green code.


    As far as I know the variations can not be separated out into multiple columns.

    We’ll have to wait for Kriesi to address the hover issue. The only solution for now would be to not use a cufon font for the menu though I know that isn’t ideal.




    Re cufon issue – please try following fix. I’m not sure if it works but you can try to replace following code in flashlightframeworkphpclass-style-generator.php:

    $this->extra_output .= "<script type='text/javascript'>ntvar avia_cufon_size_mod = '".$rule_split[1]."'; ntCufon.replace('".$rule['elements']."',{  fontFamily: 'cufon', hover:'true' }); n</script>n";


    $this->extra_output .= "<script type='text/javascript'>ntvar avia_cufon_size_mod = '".$rule_split[1]."'; ntCufon.replace('".$rule['elements']."',{  fontFamily: 'cufon', hover: true }); n</script>n";


    Am I looking for this in the file accessed via ftp or in wordpress using editor? Sorry a little novice about these…

    ” flashlightframeworkphpclass-style-generator.php”


    Hi turboper4me,

    You can see it via ftp. The format above is:


    So you will be going inside public_htmlwp-contentthemesflashlightframeworkphpclass-style-generator.php

    Hope this helps.




    can you look at the simple and variable products and help me format the L X W field to look the same as options or quantity field and how do I get the transparent background on that area?


    I don’t know what you mean by “L X W field “. You’ll need to point it out on your site with either a screenshot and link or just a link if its clear on the page.


    Sorry for long delay..I tried the code for CUFON fonts and it does not work.., any updates?


    I have added an add-in and the add-in or variation selections all kind of go down and instead I would like them to be in a layout where they fill space left to right before they go down to next there a way to make this happen?

    I also would like the background behind the select buttons and upload file button to be same transparent as the rest.



    sorry gave you the wrong link, this is the test product and see how the styling is different and font too


    Hi turboper4mer,

    No, the variations come out as a table with each dropdown one after another. The other options are in their own div class so you could potentially create new css to change their layout but it isn’t something we can do for you. It would need to be done by a developer so that the customization is exactly as you need it.




    ok but that is for the layout, what about the Font usage and placement of text?

    The font is being used by the other options and the variations seems to be ignoring the font.


    Yes, any font that is supposed to be easily readable and generally considered body font isn’t wrapped in the cufon font for better readability. Its the same as the text in widgets, all dropdowns and other text areas that are not headers.


    I was wondering if there is any development on the hover issue for cufon fonts



    Did you try the fix I posted here: ?

    Best regards,



    Yes I did but no change, so I am waiting for a fix and using regular fonts…I have another issue with the PITA image gallery and featured images for variable products!

    If you have variable product I cannot get the images to show on the product page or as featured image using the gallery and the individual image loadup in the variations.

    I figured out a fix for featured image if you set the featured image in wordpress and not flashlight and move out of the page without updating the featured image sets itself to the last image in the wordpress featured image box.

    Its a good looking theme but has too many compatibility issues to woocommerce and the image gallery handling is terrible in this theme.

    Appreciate any help!


    Are you using the latest v2.1 theme ?

    My featured images set fine for variable products

    The only thing you cannot do is use variable images (theme does not support that)

    If you are using v2.1 , I would deactivate ALL your 3rd party plugins and test the featured image function


    Hi turboper4mer,

    Please update to the most recent version of the theme files if you have not already. As xGSTQ said, 2.0+ redid the image gallery integration for exactly those reasons. When the theme was originally created, WooCommerce didn’t have as much functionality as it does now and it took a while for a way to update it so that it didn’t force users to completely re-make all their products/portfolios and attached image galleries.




    Hi Guys,

    the same problem here with the flashlight theme version 2.3 & wordpress 3.5.2.

    I would like to use the option “The Font heading utilizes cufon and allows you to use a wide range of custom fonts for your headings”.

    But with these fonts it is not possible to get the ‘hover’-Function (…where you can see a ‘cufon’ styled scripture).

    Tried the above named fix -> true instead ‘true’ in the class-style-generator.php, but it doesn’t work for me.

    Is there a workaround available ?



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

The topic ‘Variation tabs’ is closed to new replies.