Font resizer not vissable after update

  • Resolved behmtt

    (@behmtt)


    9 years ago

    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://www.ads-software.com/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

    Thread Starter behmtt

    (@behmtt)

    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 https://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

    Thread Starter behmtt

    (@behmtt)

    Solved. Thx.

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