• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Need help How to control H2 tags in Altitude Pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Need help How to control H2 tags in Altitude Pro

This topic is: not resolved

Tagged: Altitude Pro, CSS-styles, h2

  • This topic has 1 reply, 2 voices, and was last updated 9 years, 7 months ago by Dhishna.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 23, 2015 at 2:33 pm #168861
    FreshCreative
    Member

    I am using Studio Press Altitude Pro theme. It utilizes 7 different Front page Widget Areas. They show up as... div id front-page-1 class front-page-1 , etc, etc.
    I can't figure out how to create CSS rule to independently style each H2. I need to be able to change font size, color of H2s in each section. I also need to be able to change the background color of the front-page-1 section without changing all the other white solid-section backgrounds.
    I tried all sorts of combinations of div, class,tag identifiers and can't get it to target the H2s. Is it because this theme uses Javascript for the layout? It just does not seem to be obeying normal CSS methods.
    For example, in the demo site's original CSS at line 270 is this rule but it is NOT taking effect.
    .front-page-2.solid-section h2 {
    font-size: 48px;
    }
    If you inspect the H2 in section 2, you will see it is not 48px but 80px. So the Demo theme does not seem to obey line 270 css rule of 48px H2.
    Thanks for any help.

    http://my.studiopress.com/themes/altitude/#demo-full
    October 23, 2015 at 2:44 pm #168866
    Dhishna
    Member

    Hi there,

    Have you tried using !important to override the CSS? It would look something like this

    
    .front-page-2 .solid-section h2 {
    	font-size: fontsizeyouwant !important;
    }
    

    Recommended WordPress Themes & Plugins, Genesis Development

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble