I have some coding experience from my days in college, and once build a decent site from scratch using HTML, but I am pretty rusty and am a real novice when it comes to CSS. So I was hoping that someone could help me with an issue that I am facing on my wife’s blog. I hope that it is an easy one!
I installed WooCommerce on her blog today. All is working well enough, but I added a first product and notice a strange white column that appears in front of the site’s background image in each of the pages for the tabs on this product page. So there are three tabs on the product page: “Description”, “Additional Information” and “Review”. This white column appears when I click on each of the tabs.
Note that I am not using a WooTheme. I use the Magnificent theme from Elegant Themes and that is it.
Does anyone know what I need to do in order to make this white column go away? I would even accept a fix to make the column width such that it spans the entire width of the text on the page. I am OK with a white column that is in front of the background image here. I just do not like that much of the text on the page is in front of the background image but some of the text is in front of the white column too. This obviously looks pretty ghetto.
I looked at the source code for the page and I was not immediately certain about how to approach this one.