Support » Plugin: font-resizer » Font resizer not vissable after update

  • Resolved behmtt

    (@behmtt)



    After update to 1.3.2. font resizer is not vissable anymore on the website.
    See the code:

    <div id="topmenu" class="site-navigation main-navigation">
        <ul class="fontResize"><li> <ul><li class="fontResizer" style="text-align: center; font-weight: bold;"><a class="fontResizer_minus" href="#" title="Decrease font size" style="font-size: 0.7em;">A</a> <a class="fontResizer_reset" href="#" title="Reset font size">A</a> <a class="fontResizer_add" href="#" title="Increase font size" style="font-size: 1.2em;">A</a> <input type="hidden" id="fontResizer_value" value="body" /><input type="hidden" id="fontResizer_ownid" value="" /><input type="hidden" id="fontResizer_ownelement" value="" /><input type="hidden" id="fontResizer_resizeSteps" value="1.6" /><input type="hidden" id="fontResizer_cookieTime" value="31" /><input type="hidden" id="fontResizer_maxFontsize" value="" /></li></ul></li></ul></div>

    https://wordpress.org/plugins/font-resizer/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Christoph S. Ackermann

    (@chrigu99)

    Hi behmtt

    The update solved a HTML bug – just to the update the plugin echoed a list with < li > without any < ul > around it. This is solved so maybe you need to fix your CSS.

    Thanks,
    Chris

    Can you please tell me what HTMl code you updated? I looked in my code and tried several things but did not get the wright solution.

    This code is whats the website http://www.pgcs.nl uses for the topmenu:

    /**** TOP menu ***/
    #topmenu {
    	float: right;
    	background-color: #E98C00;
    	margin-top: -25px;
    	color: #ffffff;
    	background-image: none;
    	width: auto;
    	font-size: 1em;
    	padding: 0;
    	margin-right:0px;
    }
    #topmenu.main-navigation ul {
    	margin-right: 0px;
    }
    /* #topmenu.main-navigation ul li {
    	display: inline;
    }
    */
    
    #topmenu.main-navigation ul li a {
    	padding: 7px 15px;
    }
    
    .main-navigation ul li.menu-twitter a, .main-navigation ul li.menu-facebook a, .main-navigation ul li.menu-speakap a {
        text-indent: -9999px;
        background-image: url(images/icons/Twitter.png);
        background-repeat: no-repeat;
    	background-size: 20px;
    	background-position: 50% 40%;
        width: 29px;
    }
    .main-navigation ul li.menu-twitter:hover a{
        background-image: url(images/icons/Twitter.png); !important
    
    }
    
    .main-navigation ul li.menu-speakap a{
        background-image: url(images/icons/Speakap.png); !important
    }
    .main-navigation ul li.menu-facebook a{
        background-image: url(images/icons/Facebook.png); !important
    }
    .main-navigation ul li.menu-facebook:hover a{
        background-image: url(images/icons/Facebook.png); !important
    }
    .menu-menu-top-container,
    ul.fontResize {
    	float: left;
    }
    
    #topmenu.main-navigation ul li.fontResizer{
    	float: left;
    	list-style: none;
    	padding: 4px 15px;
    }
    #topmenu.main-navigation ul li.fontResizer:hover > a{
    	background-color: inherit;
    }
    #topmenu.main-navigation ul li.fontResizer a{
    	display: inline;
    	padding: 5px 0px;
    	height: 30px;
    }
    #topmenu.main-navigation ul li.fontResizer a:hover {
    	background: #CF3835;
    }

    Plugin Author Christoph S. Ackermann

    (@chrigu99)

    Hi behmtt

    I wrapped the < li > Elements with < ul >
    That’s all.
    You can see the diff here:
    https://github.com/cubetech/wordpress.font-resizer/commit/1641ebf858e2e875ad228630d79e81eb1b42c3a3

    Cheers,
    Chris

    Solved. Thx.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Font resizer not vissable after update’ is closed to new replies.