[resolved] Add some text in the header, Roots theme (5 posts)

  1. michaelmossey
    Posted 1 year ago #

    I am a programmer in Python and C++, so I have the potential to understand WordPress coding, but I don't have much time to learn all about it, so I hired a guy to create my website. It turns out I need to make some modifications and I am out of money, so I'm going to attempt these myself.

    Website is here.

    First, I want to put some text in the header. I want to put a slogan, "Pure Sound for Perceptive Ears." But I don't understand how the header is coded in Roots. I see a number of files, such as "templates/head.php", "templates/header.php", "page-header.php", and more. I don't understand most of the code here. Is there a simple answer to the question of adding some text to the header?

    Is Roots a free or commercial theme? I understand that this forum won't support commercial themes.

    Do I need to spend some time learning the basics of Roots before I attempt anything?


    EDIT: I'm not sure how much my website is actually based on roots. I'm going to post some of the code here, in head.php and header.php .

    Here is head.php:

    <!DOCTYPE html>
    <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" <?php language_attributes(); ?>> <![endif]-->
    <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" <?php language_attributes(); ?>> <![endif]-->
    <!--[if IE 8]> <html class="no-js lt-ie9" <?php language_attributes(); ?>> <![endif]-->
    <!--[if gt IE 8]><!--> <html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->
    <meta charset="utf-8">
    <title><?php wp_title('|', true, 'right'); ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <?php wp_head(); ?>

    <link rel="alternate" type="application/rss+xml" title="<?php echo get_bloginfo('name'); ?> Feed" href="<?php echo home_url(); ?>/feed/">

    Here is header.php:

    <header class="banner" role="banner">
    <div class="container">
    <div class="row">
    <div class="col-xs-12 col-lg-2">
    <h1 class="logo">/"><?php bloginfo('name'); ?>">Brilliant Zen Audio</h1>
    <div class="col-xs-12 col-lg-7 col-lg-offset-3">
    <nav role="navigation" class="clearfix">
    if (has_nav_menu('primary_navigation')) :
    wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => ''));

  2. michaelmossey
    Posted 1 year ago #

    I think I'm figuring out some stuff. Adding some text to the header involves, first of all, knowing where it will be placed. In header.php, all those <div> classes like col-xs-12, col-lg-7, etc. have something to do with where things are placed. Also they have something to do with specifying placement for small screens (mobile devices) as well as large screens.

    I tried adding some text inside the <div> that seems to contain the logo at the upper left of the screen. This text was crammed into the same little space as occupied by the logo.

    Then I tried adding text inside the div that holds the navigation menu (which is on the right side of the header). This text appeared above the navigation menu, which is an improvement, but it pushed the navigation menu down so that some of it disappeared.

    So I have to figure out this row and column system and figure out how to add text so that it appears above the navigation menu without altering the position of the navigation menu. Any ideas?

    Again, website is here.

  3. aristotle25
    Posted 1 year ago #

    Hi michael, did you work out all the issues? I couldn't keep myself from noticing how your questions are ignored on different forums;)

  4. michaelmossey
    Posted 1 year ago #

    I eventually figured out everything. It just took a lot of study of the basics.

  5. aristotle25
    Posted 1 year ago #

    good to hear that, sorry for being too late!

Topic Closed

This topic has been closed to new replies.

About this Topic