tags:

views:

11

answers:

1
Q: 

Make a JQuery Highlight Bar thinner

I am currently using JQuery UI for several UI elements on my site. Is there a way to make the highlight and error bars thinner?

I am referring to the two things found in the lower-right here.

I imagine there should be a CSS property that I can change to fix this, I just can't seem to find it.

Solution: .ui-state-highlight p { margin-top:3px; margin-bottom:3px; }

A: 

On the jQuery page there is a margin on the p tag in the content. It should conform to the content that you are inserting. Can you post the problem you are having.

Dustin Laine  2010-08-18 19:29:10
Thank you for pointing that out, that was exactly what I needed. Basically, I wanted to override the default width of the bar. So, knowing that JQuery has a margin set on p, I was able to override it like this:.ui-state-highlight p { margin-top:3px; margin-bottom:3px; }
Serplat  2010-08-18 19:33:27

related questions

jQuery UI: Best way to load HTML markup?
Show parents element's item
jQuery: Creating a circular slider
Object doesn't support this method for jquery ui draggable in IE
Does the jquery Droppable hoverClass work in Internet Explorer?
How do I hide the next/today/previous navigation in jQuery DatePicker and turn off animations?
How do I connect multiple sortable lists to each other in jQuery UI?
jQuery two sliders controlling each other
jQuery UI - when to use destroy
jQuery Safari/Chrome incompatibility with draggable containment property
Radio Buttons getting deselected when dragging item using jQuery Sortables
How to trigger rendering of JQuery treeview
Detecting jQuery UI autocomplete
JQuery UI Tabs Causing Screen to "Jump"
JQuery Tabs - issue with nested tabs - Activating sub tab on initial load
ASP.net MVC and jQueryUI dilemma
jQuery: How to stop a helper from being removed if it wasn't successfully dropped.
jQuery tabs - getting newly selected index
What is the most stable modal dialog implementation across browsers to use from javascript for a web app?
jQuery UI droppables - changing the image that's dropped
Hook into dialog close event
Trying to resize a jQuery dialog in IE6?
Trouble having a modal dialog to open a secondary dialog
using load() to load page that also uses jQuery
How do I get a result from a modal dialog in JQuery