• Resolved kingliife

    (@kingliife)


    I am working on a website but I do not want two h1 tags, how do I remove the default h1 in the header?

    Theme: Ultra
    Site: dne3

Viewing 15 replies - 1 through 15 (of 25 total)
  • Theme Author Andrew Misplon

    (@misplon)

    Hi @kingliife

    Thanks for your support. Please, try the following child theme.

    To try this child theme:

    1. Download child theme ZIP to desktop.
    2. Install via Appearance > Themes > Add New: Upload Theme.

    Things to expect when activating any child theme…
    The following settings will reset, requiring them to be manually set again. This is, unfortunately, normal.

    1. Appearance > Customize.
    2. Appearance > Menus > Menu Locations.
    3. Sometimes widgets at Appearance > Widgets can move from a widget area to the Inactive Widgets area.

    Let me know how it goes πŸ™‚

    Thread Starter kingliife

    (@kingliife)

    Hello @misplon,

    Thank you, I am really enjoying your theme.
    I’d also like to thank you for the quick response, but I forgot to mention I already figured it out somehow.

    For the people with the similar problem:
    Go to the theme editor -> Ultra -> header.php

    Press Control+f, search for the div class ‘site-branding’. Underneath that you’ll find something with H1, remove that. If you still want a title, but not a h1, you can change it to a div id and put in some custom css.

    Theme Author Andrew Misplon

    (@misplon)

    Thanks for your support, it’s most appreciated.

    Don’t forget that all WordPress.org themes completely overwrite their own folder during theme updates. Unfortunately, this means that changes made via Appearance > Editor in the parent theme wouldn’t survive an update. Let me know if I can assist further with this matter or anything else πŸ™‚

    Thread Starter kingliife

    (@kingliife)

    Should I turn it into a child theme then? I am unfamiliar with doing so, so if possible please explain this to me.

    Theme Author Andrew Misplon

    (@misplon)

    Ideally, yes. I’ve created one for this purpose. Sorry if the link was missed in my initial reply. It’s located here:

    http://purothemes.com/wp-content/uploads/2015/10/ultra-child-h2-site-title-logo.zip

    To try this child theme:

    1. Download child theme ZIP to desktop.
    2. Install via Appearance > Themes > Add New: Upload Theme.

    Things to expect when activating any child theme…
    The following settings will reset, requiring them to be manually set again. This is, unfortunately, normal.

    1. Appearance > Customize.
    2. Appearance > Menus > Menu Locations.
    3. Sometimes widgets at Appearance > Widgets can move from a widget area to the Inactive Widgets area.

    Let me know how it goes πŸ™‚

    Thread Starter kingliife

    (@kingliife)

    I uploaded and activated it.
    The custom css stayed there and also my edited code (For removing the original h1) stayed the same.

    I also put the menu’s back in place.

    So now if you would update the Ultra theme, my version would stay the same?

    Theme Author Andrew Misplon

    (@misplon)

    Nicely done. Correct, the change is now safe as the child theme doesn’t get overwritten during the update process.

    Apologies, I’ve missed a step in the child theme creation process. Please, go to Appearance > Editor > style.css and change all h1 references to h2. This is what it should be displayed as:

    /* Site Title */
    
    .site-header .site-branding h2.site-title {
      font-size: 2.57143em;
      line-height: 1.38889em;
      display: block;
      font-family: "Muli", sans-serif;
      font-weight: 300;
      letter-spacing: -1px;
      line-height: normal;
      margin: 0;
      zoom: 1;
    }
    
    @media (max-width: 1224px) {
      .resp .site-header .site-branding h2.site-title {
        font-size: 2.28571em;
        line-height: 1.5625em;
        line-height: normal;
      }
    }
    
    @media (max-width: 1024px) {
      .resp .site-header .site-branding h2.site-title {
        font-size: 2em;
        line-height: 1.78571em;
        line-height: normal;
      }
    }
    
    @media (max-width: 768px) {
      .resp .site-header .site-branding h2.site-title {
        font-size: 1.78571em;
        line-height: 2em;
        line-height: normal;
      }
    }
    .site-header .site-branding h2.site-title a {
      color: #333;
      text-decoration: none;
    }
    
    .site-header .site-branding h2.site-title a:hover {
      border-bottom: none;
    }
    
    .site-header.scale.fixed .site-branding h2.site-title {
      font-size: 2em;
      line-height: 1.78571em;
      line-height: normal;
    }
    Theme Author Andrew Misplon

    (@misplon)

    Thread Starter kingliife

    (@kingliife)

    Did it. However, the Ultra Child theme only contains a style.css file and I have two Ultra file maps now, are they supposed to be seperate?

    Theme Author Andrew Misplon

    (@misplon)

    Sorry for the hassle. Away from computer for an hour or so will resolve ASAP when I’m back. Thanks!

    Theme Author Andrew Misplon

    (@misplon)

    I’m back πŸ™‚ To explain the child theme and how it works. In functions.php you’ll find the function ultra_display_logo. This function is responsible for outputting the logo or site title, both have an h1 tag by default. The child theme changes this function, specifically:

    $logo_html = '<h2 class="site-title">'.get_bloginfo( 'name' ).'</h2>';

    Changing the site title h2. The contents of style.css then adjusts the h1 styling to h2 styling.

    I’m not quite following your question:

    I have two Ultra file maps now

    Once installed, at Appearance > Themes you should have Ultra and Ultra Child. And in your /wp-content/themes folder on your server you’ll have a folder called “ultra” and a folder called “ultra-child”. Perhaps you could explain the question a bit more? Thanks πŸ™‚

    Thread Starter kingliife

    (@kingliife)

    Oh, yeah with the links you gave me for the child theme also contained the original Ultra theme and a child theme. I already had one ultra theme installed so I guess I have two now.

    Theme Author Andrew Misplon

    (@misplon)

    The child theme I sent was correct but there would have been extra steps to take, given that you were already running a child theme. There looks to be two style.css files in your child theme now. I can help recover the situation for you.

    If you’d like, login to your server via FTP or hosting file manager, go to /wp-content/themes/ and download ultra-child. ZIP it and upload it to your Media Library. Send me the link here. I can help clean it up. We’ll then overwrite the one you have on the server with the cleaned up one.

    Thread Starter kingliife

    (@kingliife)

    Is that still neccisary, I looked through the plugin list and downloaded something called called ‘One Click Child Theme’, so I am trying that. Maybe it will save you and me some time hah!

    Theme Author Andrew Misplon

    (@misplon)

    It’s totally up to you πŸ™‚

    I wouldn’t use a child theme plugin at this point. The change I made to assist in your original question was stored in the functions.php file of the child theme I sent. I can’t imagine a child theme plugin would be able to retrieve that edit.

Viewing 15 replies - 1 through 15 (of 25 total)
  • The topic ‘Default H1 remove’ is closed to new replies.