Skip to main content

Post categories

  • Drupal Tips & Tricks
  • Drupal HowTos
  • Drupal Tutorials
  • Drupal Modules
  • Drupal Themes
  • twitter
  • youtube
Home
Drupal 4U
Drupal Development, Drupal Web Design, Drupal SEO
  • Home
  • Showcases
  • Services
  • Blog
  • Themes
  • Modules
  • About
  • Contact

Breadcrumb

  1. Home
  2. Tips and Tricks
  3. Use "Inspect Element" to troubleshoot potential Design/CSS problems

Use "Inspect Element" to troubleshoot potential Design/CSS problems

Tips and Tricks
May 28, 2013
Profile picture for user drupal
By drupal
  • facebook-f
  • twitter
  • envelope
  • print
4

If you work with different themes and modules you may frequently encounter problems with CSS. This might be in the process of modifying theme/module related CSS code or it might be that there are CSS conflicts between themes and modules (for Example because the same terms are used). In any case, I recommend you to use the "Inspect Element" function of your browser. Usually you can activate this function by a right click on the element/area you want to inspect.

Doing so will launch a kind of editor where the code related to this element is shown. Usually on the right side you find all the CSS code related to that element. Thus you can see what CSS code is applied to the element and in which file and line of the file the code can be found. This makes your troubleshooting and modification usually very easy.

Use "Inspect Element" to troubleshoot potential Design/CSS problems
Troubleshooting

Read more articles

Newer
Use Google Analytics to increase traffic
Older
Understand the elements of a theme
  • Log in to post comments
Profile picture for user drupal
drupal
4
1
min read
A- A+
  • facebook-f
  • twitter
  • envelope
  • print

Contact Drupal 4U

Get in touch for questions and our Drupal development, design and SEO services.

Contact Us

We aim to reply the latest within 48h.

About Drupal 4U

We are a group of Drupal designers, developers and webmasters and we launched this website to share our experience and knowledge with you. Drupal is a free software package that allows you to easily organize, manage and publish your content, with an endless variety of customization. Drupal is open source software maintained and developed by a very large community of developers and users.

  • twitter
  • youtube

Drupal Services

  • Drupal Web Design
  • Drupal Development
  • Drupal SEO
  • Drupal Migration

Drupal Insights

  • Drupal Tips & Tricks
  • Drupal HowTos
  • Drupal Tutorials
  • Drupal Modules
  • Drupal Themes

Drupal Blog

  • Configuration
  • Content
  • Installation
  • Menus
  • Modules
  • Optimisation
  • Taxonomy
  • Themes
  • Troubleshooting
  • Views

Drupal 4U

  • Services
  • Blog
  • About

Drupal Links

  • Official Drupal Website
  • Drupal Answers
  • More Than Themes
  • Theme Forest
  • DXPR: Drupal for Marketers
2012 - 2023, Drupal 4U

Footer menu

  • Contact
Home
Drupal 4U
Drupal Development, Drupal Web Design, Drupal SEO
  • Home
  • Showcases
  • Services
  • Blog
  • Themes
  • Modules
  • About
  • Contact
Clear keys input element