Create H1 in Page Title

  • Resolved sommerchaka

    (@sommerchaka)


    7 years, 3 months ago

    The page title for the theme I am working with does not have an h tag associated with it. I am wanting the page titles to be in h1 format, but cannot find any resources on how to make this happen. The current CSS structure for the page title is:

    .headertext{
    border:#ffffff 0px solid;
    outline:#f1f1f1 0px solid;
    padding:12px;
    color:#ffffff;
    font-size:32px;
    font-family: ‘Yanone Kaffeesatz’, sans-serif;
    background-color:#000000;
    background-image: url(images/hashdark.png);
    background-repeat:repeat;
    text-transform:uppercase;
    margin-top:0px ;
    margin-bottom:-10px;
    margin-left: 200px;
    }

    .headertext span{
    margin-left:15px;
    padding-left:15px;
    color:#999999;
    font-size:20px;
    font-family: ‘Yanone Kaffeesatz’, sans-serif;
    border-left:#08ab0f 2px solid;
    text-transform:none;
    }

    Can anyone tell me how to change the css in order to make the page title be in h1 format? Any support is much appreciated. Thanks.

    Sommer

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • You can’t change markup with CSS. You’d need to edit the template files. But to avoid losing your changes if/when the theme updates, you should make the changes in a Child Theme.

    Since you use a commercial theme, if you need support please go to their official support channel. In order to be good stewards of the WordPress community, and encourage innovation and progress, we feel it’s important to direct people to those official locations.

    https://themeforest.net/item/balance-gym-fitness-wordpress-html-5-theme/2862717/support

    Forum volunteers are also not given access to commercial products, so they would not know why your commercial theme or plugin is not working properly. This is one other reason why volunteers forward you to the commercial product’s vendors. The vendors are responsible for supporting their commercial product.

    Go to page.php file in your theme or child-theme folder and search for get_the_title() or the_title function and put <h1> before it and complete </h1> after function. and remove existing tag.

    Thread Starter sommerchaka

    (@sommerchaka)

    Ronak, that edit worked perfectly. Thank you!

    Glad to hear that it works for you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Create H1 in Page Title’ is closed to new replies.