WordPress.org

Ready to get started?Download WordPress

Forums

Deux Milles Douze
[resolved] Move description underneath title (9 posts)

  1. Macarena61
    Member
    Posted 1 year ago #

    Hi Christine,

    I want to move the site description beneath the title and include a contact telephone number and email where the description is now. How can I achieve this?

    http://www.zilveticomm.com/mdg_site

    Thanks in advance for your help.

  2. atul1280
    Member
    Posted 1 year ago #

    Your code should look like this:

    <hgroup>
      <h1 class="site-title"><a href="http://www.zilveticomm.com/mdg_site/" title="MiamiDocGuys" rel="home">MiamiDocGuys</a></h1>
      <h2 class="site-description">A premier, mobile notary service in South Florida.</h2>
      <h3><a href="#">Email here</a> | Phone</h3>
    </hgroup>

    And these to CSS:

    header#masthead hgroup { overflow: hidden; }
    header#masthead hgroup h2 { float: left; width: 45%; text-align: left; clear: none; }
    header#masthead hgroup h3 { float: right; width: 45%; text-align: right; clear: none; }
  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Before making any changes to any theme, you should create a child theme. That way your changes won't be erased when the theme is updated.

  4. Macarena61
    Member
    Posted 1 year ago #

    Hi,
    Thanks for your replies. I am not a programmer, I am a designer so when you say that my code should look like this: ... where do I insert this code??? I understand the CSS part but not the other.
    Thanks again!

    M

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    You would need to modify the header.php file -- but as noted above only do that in a child theme - otherwise all of your changes will be lost when the theme is updated.

  6. Macarena61
    Member
    Posted 1 year ago #

    If the theme, is a child theme, I do it in its header.php file, correct?

  7. Macarena61
    Member
    Posted 1 year ago #

    Hi,

    I just did this and the contact information moved up but is now underneath the title and the description is on the right hand side. What I need is to flip them- do I just change the text that is on h2 and replace it with the h3 text?

  8. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yes - do make a backup copy of your file before modifying anything - just in case :).

  9. Macarena61
    Member
    Posted 1 year ago #

    Thanks WPyogi and atul1280. I tried the above code and switched the statements around and it worked!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic