I've got a proudct with 4 variations, Single, double, 3 and quad. I'd like to hide a div on the page if someone selects the single variation. does anyone know if this is possible?
Related
i want to make small CSS fix into my store, but dont can find the right class to do that myself. i checked and found that variation dropdown is using this CSS:
select#pa_facebook-business-fan-page
but still dont know how to make that dropdown to extend to max width into that area.
If I'm looking at the page you are referencing, you have a table cell that contains the label to the left of the select field cell. That is taking up some of the space that you want to get rid of. You can just simply hide it if you don't need.
Just need to modify the css to remove it and the select field will take up the entire width:
td.label {display:none;}
If you have other label cells on your website that you DON'T want to hide, you might need to be more specific in the CSS to target only this instance.
I would like to Display WooCommerce single product image and description in vertical and full width, but not in horiztontal 2 columns.
I mean the woocommerce single product layout is actually like this:
But I would like the left images and right description not shared in the Div 2 columns, just stack vertical and full width.
I have looked through the content-single-product.php template, woocommerce-layout.css, wc-template-functions.php, wc-template-hooks.php files etc... But I don't know how and where to make changes.
Anyone can tell me how can I achieve this?
Thanks
I have a drop down menu based on CSS. Suppose there are 5 menu items at top level, when we hover on them show a drop down. My requirement is if I hover on menu item# 3 and select something from it then I will hover on menu item# 1 then menu item# 3 color need to be different in comparison to other menu items.
Please let me know how to do the same.
If I understand your question correctly then you want to use the :visited selector in your css. Hard to give specifics without you providing some code, but this is the general idea:
a:visted {
color: orange;
}
You can go Here for an example. That link also contains examples for other related selectors which might be useful to you, such as :hover
Gantry for wordpress question :
Ive fallen in love with Gantry - wordpress theme, its really smooth and configuarable. I dont use it as a base for a blog but instead a simple webpage.
But have one problem that i cant figure out, i can configure all elements like the header, logo, navigation, etc. and splut them up in several elements.
But Content ( the pages ) will always show as one full width element in the middle, what i really would like to do is to split up the main body into 2 "tables" whereas content only shows in ex. a 400 pixel widht box, and then have a picture shown pr. page in the remaining est. 300 pixels on the right.
In the gantry settings menu i can go in and adjust "mainbody" but it just doesnt seem to work for content at all nomatter what i set it to and dont know how to be able to add an element to it as "mainbody" is not a widget you can configure.
Hope someone can help - thanks alot.
There is no way you can split main component into two positions, however you can use sidebars or you can use main-body-top and main-body-bottom positions last two can be splitted up to the 3 exact same positions ... my best advice would be that u use sidebars .. which widths and positions you can then manage in the theme settings.
In ColorBox, is it possible to control the order that photos appear within a grouped (rel="group") gallery?
Unfortunately, due to the layout of my page, photos appear in vertical columns, which need to be grouped horizontally. So the links are output in vertical order in the html, ie:
1 4 7
2 5 8
3 6 9
...but need to be displayed as...
1 2 3
4 5 6
7 8 9
What I need to be able to do, is to override the natural order, sort of like a tabindex, ie:
rel="group[1]"
rel="group[4]"
rel="group[7]"
rel="group[2]"
rel="group[5]"
rel="group[8]"
rel="group[3]"
rel="group[6]"
rel="group[9]"
Is this possible?
Sorry, I can't think of any easy way to do this. Colorbox's ordering is controlled by DOM placement and there isn't a way to alter that outside of editing the plugin. The easiest thing to do would be somewhat ugly: create a duplicate set of DOM elements in the correct order and assign colorbox to them instead (this could be done with JS and they could have their display set to none so they are hidden from the visitor). Then use the original links to trigger colorbox on the duplicate link that shares the same href value.