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 add CSS class to custom logo?
- Solutions for generating dynamic javascript / CSS
- Understanding wp_add_inline_style
- Hide a div that is part of all pages on one specific page
- Editing the custom background CSS
- Where do I find the functions triggered within a hook?
- Why max-width:97.5% on content images?
- add generated stylesheet from parent theme after child-themes style.css
- 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?
- Move my theme style.css into a folder
- Enqueued Stylesheets Effecting Admin Styles
- 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!
- Whats the safest way to output custom JavaScript and Css code entered by the admin in the Theme Settings?
- Cannot update WordPress General Settings Site Title and Tagline
- How do I update WooCommerce template files in my theme? [closed]
- WordPress 5.8 update problem custom theme styles are overridden by core styles common.min.css
- CSS won’t style output of wp_nav_menu() correctly
- Where is definied the theme location for the main menu in a WordPress template?
- Is it necessary to prefix every css class in a theme framework?
- current-menu-item class not working
- Weekly background code not working
- A mystery 300px image size
- How do the default themes reference style.css?
- Multiple Page Templates & CSS
- Custom Field created in add_meta_boxes reappearing itself again in the default Custom Metabox
- Storefront child theme not applying parent theme [closed]
- 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]
- page.php dependent sites are not working in custom woocommerce theme
- Zoom on custom theme without child
- How to get javascript slider to work! [closed]
- What is the meaning of WordPress’s recommended css classes and where are they applied?
- Redirect to another page using contact form 7? [closed]
- How to i style the elements from the TinyMCE
- Integrate WooCommerce theme with a WordPress theme [closed]
- Using page-id-{ID} from body_class() in local dev, versus live staging
- How do I remove inline style in featured image markup?
- Custom image size vs CSS sizing
- What is the diferences between pure WordPress theme and Woocommerce theme? [closed]
- How to rotate every letter in a title
- theme style is applied on the dhasboard rather than the website
- SVG in list-style-image breaks when adding fill
- WordPress theme resource won’t load over VPN
- Why does admin-ajax load slow and what are ways to speed it up?
- How to style bootstrap container in wordpress theme?
- CSS added through customizer neglects the need of a child theme?
- Issue when posting updates/changes to wordress
- How to override template files in parent theme?
- Want to add cart and a search bar in the right of logo line
- LESS not working in WordPress [closed]
- Place title (in correct place) above image with opaque background [closed]
- A post with a clear:both in its css destroy the theme design, and the sidebar is moved to the bottom
- multiple html/css files for wordpress theme?
- CSS preprocessor file messed up after compiled
- Why I obtain different visualization when I run the website on my local machine and on remote server?
- my single.php is mixup on some post for no reason
- How to use the _S framework
- how to add a badge on product based on filter?
- WordPress Animation Adjustments
- style variations hurt the editing performance
- Why nav_menu_css_class doesn’t work with apply_filters?
- How do I make my terms for each product display via foreach loop? (woocommerce)
- Best way to declare product variables in woocommerce theme development?
- Alter shop page lay-out in OceanWP theme
- Default customizer colors aren’t displayed outside of the preview
- the_content() not displaying description correctly
- Is there a way to add classes to a page when using a Gutenberg reusable block as page layout?
- WordPress doesn’t load css, image and js files after moving local installation folder
- How to generate a rtl.css file for themes?
- Load multiple css simultaneously using functions.php
- How to fix a conflict cause by my theme with Woocommerce and/or Gravity Forms?
- overlay post title over post’s featured image
- Change site title color on individual pages
- Mobile view logo background colour in wordpress
- Enqueue Stylesheets After Theme’s “rtl.css”
- WordPress 3.5 + Foundation 5 not working on IE9
- Any disadvandages if I style the wordpress align classes without img and .wp-caption prefix
- adding navigation to genesis themes
- Alternating CSS classes for dynamic content [closed]
- How to reuse parts of WordPress site e.g. header, footer, part of header for multiple WordPress sites?
- Pagination adds product to cart Woo-Commerce
- Header is not showing full width
- How do I middle-align my header menu items in WordPress [closed]
- How to resize video lightbox popup in wordpress? [closed]
- How can I get rid of the distance when I’m using list-style-type: none? [closed]
- How to change order of elements using a child theme
- HTML to WORDPRESS [closed]
- Cart button not working on mobile version [closed]
- Image and font support missing in editor when deploying theme remotely