Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #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 ..is 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:

    a{

    color: #FF000;

    }

    a:hover{

    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 tosigns.com and play with the main menu navigation

    Thanks,

    #102858

    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.

    Regards,

    Devin

    #102859

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

    #102860

    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.

    #102861

    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.

    Regards,

    Devin

    #102862

    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";

    with:

    $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";

    #102863

    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”

    #102864

    Hi turboper4me,

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

    folderfolderfolderfile

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

    Hope this helps.

    Regards,

    Ismael

    #102865

    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?

    #102866

    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.

    #102867

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

    #102868

    http://tosigns.com/product/banner-vinyl-13oz-copy

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

    Thanks

    #102869

    http://tosigns.com/product/banner-vinyl-13oz

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

    #102870

    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.

    Regards,

    Devin

    #102871

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

    http://tosigns.com/product/banner-vinyl-13oz

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

    #102872

    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.

    #102873

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

    #102874

    Hey!

    Did you try the fix I posted here: http://www.kriesi.at/support/topic/variation-tabs#post-91435 ?

    Best regards,

    Peter

    #102875

    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!

    #102876

    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

    #102877

    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.

    Regards,

    Devin

    #102878

    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 ?

    Regards,

    Blogwaeltler

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

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