for layout reasons I wanted to decrease the tab-icon size from 32px to 16px. This can be done by one line of CSS code. As you can see in the first screenshot, the tabs do not fit into one line which breaks the layout and leads to a worse usability.
Default size:
Just add the following line to your CSS-file* and reload the page:
Code: Select all
#children-tabs > ul > li > a > img { width: 16px; }
As you can see in the second screenshot, the tab-captions do not get wrapped any more. They fit into one line.
Kind Regards,
Jan
* for example place the following lines into your hooks/header-extras.php file:
Code: Select all
<style>
#children-tabs > ul > li > a > img { width: 16px; }
</style>