Hello Just a quick question, I would like to make minor changes to a little bit of styling on my website. See screenshot attached. Basically there is a bar behind the tabs that has a gradient grey on it, I would like to remove this and any borders that is has also, leaving it just white behind the tabs. I hadn't noticed this bar previously and wondered if it had anything to do with a plugin that I had installed 'Custom Contact Forms'. Is there a little bit of css that I can either add to my child theme or change in the editor to remove this. This is the bit of code that it falls within, but I can't work out which id / class is controlling this element: <ul class="tabnav ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist"> Thanking you in advance for your help. Kind regards Diane
Is it somewhere within this that needs alterations in the main 'style.css'? .tabbed .tabnav li { display: inline-block; list-style: none; padding-right: 5px; position: relative; z-index: 0; } .tabbed .tabnav li a { text-decoration: none; font-size: 16px; color: #444; padding: 14px 17px; border: 1px solid #d6d6d6; background: #f7f6f7; background: -webkit-gradient(linear, left top, left bottom, from(#f7f6f7), to(#dfdbdf)); background: -webkit-linear-gradient(#f7f6f7, #dfdbdf); background: -moz-linear-gradient(center top, #f7f6f7 0%, #dfdbdf 100%); background: -moz-gradient(center top, #f7f6f7 0%, #dfdbdf 100%); outline: none; border-bottom: none; margin-bottom: -3px; margin-right: 0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); display: inline-block; } Many thanks Diane
Hello, Diane.. Done the changes in your site.. Kindly check your site.. Thanks & Regards! Priyanka InkThemes.com
