WordPress Tutorial Videos by WP101®

175+ WordPress tutorial videos for non-techies.

  • About Us
    • Top WordPress Products
    • Testimonials
  • WordPress Tutorials
    • Intro to WordPress
    • WordPress 101
    • AIOSEO 101
    • WP Mail SMTP 101
    • Easy Digital Downloads 101
    • WPCode 101
    • WP Simple Pay 101
    • RafflePress 101
    • Elementor 101
    • WPForms 101
    • Spectra 101
    • How to Blog Better
    • WooCommerce 101
    • Beaver Builder 101
    • Ninja Forms 101
    • WP Rocket 101
  • Help Forum
    • Hire a WordPress Expert
  • Blog
  • Contact
  • Sign In

How do I target the widget areas with CSS on the Additional CSS in the theme customizer?

Get answers to your WordPress questions!

Tired of wasting time scouring Google for answers to your WordPress questions? Since 2008, we've helped countless WordPress site owners just like you get unstuck. Get answers to your WordPress questions — plus unlimited access to our entire library of 150+ WordPress tutorial videos. Why not join us today?

View Membership Options
WordPress Questions and Answers › How do I target the widget areas with CSS on the Additional CSS in the theme customizer?
0 Vote Up Vote Down
I
Isaac Potter
asked 7 years ago
I am trying to target the home widget areas of my site and make them the same height . I am assuming it is done through CSS in the Additional CSS on the theme customizer. I've tried the different fixes I've found through google and they are unhelpful or don't solve the problem.
1 Answers
0 Vote Up Vote Down
Joe Casabona answered 7 years ago
Hey Issac! It depends on a couple of things - namely the theme you’re using and the name of the widget area. It will also depend on how the widgets are aligned. If they are floated, it will be harder to apply the same height without JavaScript. Both Flexbox and CSS Grid do make it easier to adjust the height.  Chrome’s Inspector Tools will be helpful for you here. In Chrome, right click on the area you’re trying to edit and look for the class names. This is a good primer on that: https://developers.google.com/web/tools/chrome-devtools/css/ If you can provide a link, I could also try to guide you in the right direction. Joe

Please login or register to join the conversation!

Share this with someone?

FacebookTweetLinkedIn

Most Recent Questions

  • I took the Sprectra 101 course. Now I’m building my won web site but I still have the Specra Style Guide and I think it’s causing an issue with Sprectra One. How do I get rid of the Style guide? asked by Mallis01, 1 year ago
  • Can you offer any tips, or best practices, on how to redesign and upgrade an old website? asked by FSAuthor, 1 year ago
  • How to create a blog in Spectra? asked by TJ, 1 year ago
  • How do I make all the words show Uppercase? asked by iLoveToLiveWell.com, 1 year ago
  • Why does my right side dashboard top look different than course. asked by Blues1947, 2 years ago

Site Links

  • About Us
  • Your Account
  • Products We ❤️
  • Affiliates
  • Testimonials
  • Blog
  • Contact Us

Courses

  • WordPress 101
  • WooCommerce
  • Elementor
  • Spectra
  • WPForms
  • Ninja Forms
  • View All →

Products

  • WP101.com
  • WP101 Plugin
  • Embed our videos on your site!

Recent Posts

  • Shared Hosting vs. VPS vs. Managed WordPress Hosting: What Beginners Need to Know
  • All in One SEO Review 2025: Pros, Cons & Real Results
  • 7 Best Small Business Web Hosting Services (Expert Picks)
  • 10 Best SEO Rank Tracking Tools: Features, Tips & Hidden Gems
  • How to Install a WordPress Theme (Complete Step-by-Step Tutorial)

Connect with Us

  • Email
  • Facebook
  • Twitter

WordPress Tutorials by WP101© 2008-2025 WP101® LLC. All rights reserved.
WP101® is a registered trademark with the U.S. Patent and Trademark Office.
WP101® is hosted by SiteGround.
Privacy Policy | Terms of Use | Disclosure | WP101 Coupon