Changing skin/theme of Drupal 7 widgets (fields)

Hello Experts,

I've tried searching for a way to change the appearance (skin/theme) of my content type widgets (fields), but I'm not having any luck.

Anyone know how that may be accomplished?

I only want to control the look of the widget, not the functionality.

Thank you.
Modifier1000Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

scifikillrCommented:
The look and feel of fields can be controlled in a number of ways, depending on where you're trying to affect it.

Node: If you're trying to theme a field for a node, you can create a node template in the theme. This will help you with this process: http://drupal.org/node/1089656

View: If you're trying to theme a field for a view, you can create a view template. From the View edit perspective, click the 'Advanced' fieldset and click the Theme "Information" link to see template suggestions.

There are also a few modules which may assist with theming. One is Display Suite. This module (along with a few of its optional addon modules) will allow you to control positioning and general look/feel of the fields in the page. Support addon modules let you interact with different objects, such as nodes, comments, etc.
scifikillrCommented:
This may be easier to assist with if you can provide some information on what field type you're trying to modify, and what modules (if any) are being used to provide this functionality right now (obviously CCK, but speaking more to a specific module that provided the field, if that's the case).

Also, a URL to the page in question would be quite helpful, as would a description of what you're trying to change it to.
nanharbisonCommented:
You could do this with CSS. But if your theme doesn't provide an empty CSS file that you can use to override styles in the theme CSS, then you can create one.
Powerful Yet Easy-to-Use Network Monitoring

Identify excessive bandwidth utilization or unexpected application traffic with SolarWinds Bandwidth Analyzer Pack.

scifikillrCommented:
To clarify: Use of CSS may be entirely possible, but it depends on what you're trying to do. Certain look/feel improvements would be considered to be a bit hacky in CSS (for instance, using position:absolute to place an element somewhere that could be very easily achieved by simply moving it by a few lines in the .tpl.php file)
Modifier1000Author Commented:
@scifikillr

Here is what I'd like to accomplish plus a similar look to the other widgets/components...see attached.
different-widget-skin.png
scifikillrCommented:
Select lists are among a group of fields that are rendered differently depending on the browser that is being used. They can be overridden, but this can be a difficult process, especially for someone that's never done it before.

There's a good article here, which shows some basic methods of styling these field types.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Modifier1000Author Commented:
Thank you.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Drupal

From novice to tech pro — start learning today.