Variation tabs « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Flashlight

Variation tabs

21 posts from 5 voices

Started 5 months ago by turboper4mer
Latest reply from Devin
This topic is not a support question

Tags:

turboper4mer
Member

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,

Posted 5 months ago #
Devin
Moderator
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
Posted 5 months ago #
Dude
Dude
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).
Posted 5 months ago #
turboper4mer
Member

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.

Posted 5 months ago #
Devin
Moderator

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

Posted 5 months ago #

Dude
Dude

Re cufon issue - please try following fix. I'm not sure if it works but you can try to replace following code in flashlight\framework\php\class-style-generator.php:

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

with:

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

Posted 5 months ago #

turboper4mer
Member

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

" flashlight\framework\php\class-style-generator.php"

Posted 5 months ago #
Ismael
Moderator

Hi turboper4me,

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

So you will be going inside public_html\wp-content\themes\flashlight\framework\php\class-style-generator.php

Hope this helps.

Regards,
Ismael

Posted 5 months ago #
turboper4mer
Member

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?

Posted 5 months ago #
Devin
Moderator

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.

Posted 4 months ago #
turboper4mer
Member

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

Posted 4 months ago #
turboper4mer
Member

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

Posted 4 months ago #
turboper4mer
Member

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

Posted 4 months ago #
Devin
Moderator

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

Posted 4 months ago #
turboper4mer
Member

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.

Posted 4 months ago #
Devin
Moderator

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.

Posted 4 months ago #
turboper4mer
Member

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

Posted 3 months ago #
Dude
Dude

Hey!

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

Best regards,
Peter

Posted 3 months ago #
turboper4mer
Member

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!

Posted 3 months ago #
xGSTQ
Member

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

Posted 3 months ago #
Devin
Moderator

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

Posted 3 months ago #