Fullscreen
Loading...
 
Skip to main content

Buttons line wrap on mouse-over hover - v6.7 Theme TheNews

Status
Open
Subject
Buttons line wrap on mouse-over hover - v6.7 Theme TheNews
Version
6.x
Category
  • Usability
Feature
Theme: Look & feel, Styles, CSS, Theme Control Center
Resolution status
New
Submitted by
EmmArrBee
Lastmod by
EmmArrBee
Rating
(0)
Description

Depending on the width of a user's browser window, it is possible for a button to wrap to the next line when the user hovers on the button. This makes clicking the button challenging.

We did not see this behaviour with v4.3, only since upgrading to v6.7

Solution

Per ricks99 for theme TheNews, add the following to Custom CSS on tab Custom CSS within Admin -> Look & Feel

Copy to clipboard
input.button:hover, button:hover, input[type="submit"]:hover, .button input:hover, .button:hover, .calbuttonbox a:hover { background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #AAAAAA; color: #000000; font: 0.8em Arial,Helvetica,sans-serif; text-transform: uppercase; }


Many Thanks to ricks99 for the solution to our problem

Importance
6
Priority
30
Demonstrate Bug on Tiki 19+
Demonstrate Bug (older Tiki versions)
Ticket ID
4220
Created
Wednesday 09 May, 2012 16:27:57 UTC
by EmmArrBee
LastModif
Wednesday 09 May, 2012 16:27:57 UTC


Show PHP error messages