05-03-2017 05:55 AM
Hi
I created my new template according to the guidelines given in Replacing active content.
I created tab panes in my page but when i preview, it doesn't show the tabs instead it just shows the radio buttons.
I used the same code used in the page http://pages.ebay.com/sell/itemdescription/bestpractices.html#TabbedPanesBestPractice
any help would be appreciated..
Thanks
05-03-2017 09:01 PM
eBay's sample code does not contain the <style> tags that should surround the CSS code. If you have a listing number, I can verify if that is the problem.
</main> <! -- CSS code --> <style> main { min-width: 320px; max-width: 400px; • • • @media screen and (max-width: 400px) { label { padding: 15px; } } </style>
05-04-2017 06:37 PM
05-04-2017 08:31 PM - edited 05-04-2017 08:32 PM
That very large twitter stylesheet is controlling most of your page. You'll need to give the radio buttons classnames to make them unique, and then address those classes in the stylesheet. Like this:
/**** Tabs ***/ .section { display: none; padding: 20px 0 0; border-top: 1px solid #ddd; } input.termstabs { display: none; }
<input class="termstabs" id="tab1" type="radio" name="tabs" checked=""> <label for="tab1">Room Amenities</label> <input class="termstabs" id="tab2" type="radio" name="tabs"> <label for="tab2">Hotel Amenities</label>
05-05-2017 02:43 AM
05-05-2017 02:50 AM