WordPress Tutorials by WP101®

WordPress tutorial videos for beginners.

  • Buy Lifetime Pass
  • About WP101
    • Products We ❤️
    • Testimonials
  • WordPress Tutorials
    • WordPress 101 Course
    • WordPress 101: Classic
    • WooCommerce 101
    • Beaver Builder 101
    • Ninja Forms
    • WP Rocket 101
    • Jetpack Plugin
    • Yoast SEO
  • Help Forum
    • Hire a WordPress Expert
    • Contact Us
  • Blog
  • Log In

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

WordPress Q&A Forum › 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 2 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 Staff answered 2 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

Ask a Question

Share this with someone?

FacebookTweetLinkedIn

Most Recent Questions

  • How to change blog post author asked by William Cardott
  • How do I install the woocommerce store on the main menu tab of my existing wp website? asked by Adair Apple
  • How do I modify the header to display my site title and menu on top of a faint image of my art? asked by Gwyned Trefethen
  • Why don't I have the same image editing features in the image block tool bar shown in the video? asked by Gwyned Trefethen
  • Error message, “The response is not a valid JSON response.” asked by Constantinos Fissas
  • What is the difference between Gutenberg and WP Bakery Page Builder? asked by Tara Kortisses
  • How do I link blog posts to FaceBook? asked by mwhowell2k

Hire a WordPress Expert?

Need a quick fix or minor tweak to your WordPress theme? Or a custom feature for your site? Connect with 430 handpicked WordPress experts with just a click!

Chat Now

Site Links

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

Courses

  • WordPress 101
  • WooCommerce
  • Beaver Builder
  • Ninja Forms
  • WP Rocket
  • Jetpack
  • Yoast SEO

Products

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

Connect with Us

  • Email
  • Facebook
  • Twitter
WP101 Membership Card

WordPress Tutorials by WP101© 2008-2021 WP101® LLC, Houston, TX. All rights reserved.
WP101® is a registered trademark with the U.S. Patent and Trademark Office.
Hosted by Nexcess and optimized with WP Rocket.
Privacy Policy | Terms of Use | Disclosure