Ok so i was able to edit the CSS with Chromes Inspect tool. I was able to make all of the vertical accordian tabs be open at once by changing the div classes. Please see the following images. (i still need help)
– Original CSS Selectors for Vertical Accordian Tabs (Pink highlight need to be changed, Blue highlight is “open” selector.)
https://imgur.com/7gkjmyC
– Edited CSS Selectors For Vertical Accordian Tabs (Orange Highlight is the original css selector for the first opened tab, Pink highlight is the other tabs css selector that has been changed to the Orange highlighted selector)
https://imgur.com/aYrDdf4
– Here is the file wp-content\themes\xstore\woocommerce\single-product\tabs\single-product-builder-tabs.php
https://imgur.com/mFklMcc
I believe this is where i have to edit the code, and change the div class for all tabs to be the css selector that i changed in the above 2nd image (.accordion-title .opened-parent .et-opened .opened). I am just not sure what code lines to remove, and what lines to change to the open selector.
If you can please either send me an edited version of this file with the proper edits for the new selector to use for all tabs (to force them to use the css selector .accordion-title .opened-parent .et-opened .opened so that they are always open) or at the least, guide me through editing the file myself, that would be great. Thank you.
