What about something like this?
.form-group:first-child {
color: red;
}
.form-group:first-child > label {
font-size: 12em;
}
I’ve changed your example from Codepen.
Related Posts:
- Writing Clean WooCommerce Styles
- How to add material design css in wordpress and woocommerce
- How to define and link full path to css located at a random folder on header.php
- How to add CSS class to custom logo?
- How to add custom css file in theme?
- How important is it to enqueue a theme’s stylesheet?
- CSS not updating in browser when I change it
- Solutions for generating dynamic javascript / CSS
- Do I actually need to link my theme’s style.css in the theme files
- Enqueue a stylesheet for login page and make it appear in head element
- CSS classes for theme
- Generating CSS Files Dynamically Using PHP Scripts?
- Enqueue Stylesheets After Theme’s “rtl.css”
- Are the WordPress Core CSS styles really all nessesary?
- Understanding wp_add_inline_style
- Any alternate TinyMCE4 themes / subthemes?
- Splitting WordPress theme CSS into multiple files, good or bad?
- Hide a div that is part of all pages on one specific page
- Why I can’t add a CSS style in this WordPress theme?
- Can’t get staging site to display same way as live site. Completely stumped
- How to make a theme with more than one CSS file?
- Editing the custom background CSS
- How to edit an existing WordPress theme? [closed]
- Where do I find the functions triggered within a hook?
- Suggestions for creative use of post format feature, or themes that use them well
- Add class to before_widget for all widgets with a dropdown and a counter
- Why max-width:97.5% on content images?
- add generated stylesheet from parent theme after child-themes style.css
- Add a preview to a WordPress Control Panel
- use add_action(‘wp_head’) in a widget for generating dynamic CSS styles
- why does twenty eleven theme mix up the css measurement units?
- Setting up partial Right-to-Left admin interface
- Adding inline styles from a widget
- Can’t edit style.css in subdirectory of my theme?
- Adding dashicon fonts to the admin of pre 3.8 installs
- How to Handle CSS for Multiple Header header.php Files?
- CSS in child theme not overriding the parent theme [closed]
- How to add (css) classes to only one wp_nav_menu()?
- Adding dashicon fonts to the admin of pre 3.8 installs
- Move my theme style.css into a folder
- Convert a static website to a WordPress theme and import all existing content
- How to keep theme layout the same when admin gray bar is present?
- Enqueued Stylesheets Effecting Admin Styles
- Custom CSS In Uploads Folder
- There’s an image named g.gif somewhere in my WordPress site
- wp_head() not inserting the default stylesheet style.css
- How to highlight the current page in the nav menu?
- First completely customized theme, where should I start?
- Root Sage theme styles are not working!
- De-registering parent style sheet css recommended?
- Whats the safest way to output custom JavaScript and Css code entered by the admin in the Theme Settings?
- Alterntives to BEM syntax that comply with WordPress coding standards? [closed]
- Modify the Additional CSS section (adding a disclaimer)
- Cannot update WordPress General Settings Site Title and Tagline
- How do I update WooCommerce template files in my theme? [closed]
- Sub folder CSS that’s read by Admin panel
- WordPress 5.8 update problem custom theme styles are overridden by core styles common.min.css
- WordPress default theme css units
- CSS won’t style output of wp_nav_menu() correctly
- Where is definied the theme location for the main menu in a WordPress template?
- Unhook action from child theme
- Is it necessary to prefix every css class in a theme framework?
- current-menu-item class not working
- How to determine which custom header image is being shown
- enqueue_style is not working
- Custom CSS without css.php file
- Dequeue a style file which is making website load slow!
- Weekly background code not working
- Do I need normalize.css when developing my own WordPress-theme?
- How to float an image in Gutenberg
- A mystery 300px image size
- How do the default themes reference style.css?
- Media Uploader in custom path
- Multiple Page Templates & CSS
- How to call WooCommerce update cart function programatically
- Is it possible to edit the styling of the admin panel from within a custom theme?
- Theme Loading Into Dashboard
- What are the Entry classes for?
- Using PIE CSS in WordPress. “localizing” styles
- How to edit my theme for full width?
- How to check if a WordPress core block is active in sidebar
- Which html elements should be styled in wordpress theme
- Custom Field created in add_meta_boxes reappearing itself again in the default Custom Metabox
- Storefront child theme not applying parent theme [closed]
- How to add styles set by user in the customizer
- Font Awesome 5 Free – far working but fas is not? [closed]
- StoreFront product pages: Turn the Short Description section into a kindred tab section [closed]
- How can I fetch the WordPress cart errors normally displayed in woocommerce-error?
- page.php dependent sites are not working in custom woocommerce theme
- Zoom on custom theme without child
- Scroll to position on page for category pages only — woocommerce
- How remove render blocking css from wordpress when you build a theme?
- Why doesn’t my css work when I check my theme on mobile devices? [closed]
- WordPress Unite Theme: Footer isn’t sticking [closed]
- Following Web Performance Optimization techniques to output static and dynamic css
- How to get javascript slider to work! [closed]
- How to disable wordpress from overload my stylesheet styles with customizer styles
- How can I add custom text styles to the visual text editor?
- Displaying icon image for WordPress post formats, is there a cleaner way to do this?
- What is the meaning of WordPress’s recommended css classes and where are they applied?