HTML5 head and body

  • I am using Arjuna-X which i know is now HTML5. I am trying to implement the soundcloud header feature, https://stratus.heroku.com/ , but i am struggling to find the <head> and </body> part in editor to place the code. Would i put it at the beginning/end of the header.php? Thanks for the help

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

  • hi,how i can find site uri code?not url ??

    Thread Starter jwilliamsua

    (@jwilliamsua)

    Im not sure i even understand what you’re saying… anybody else? Thanks.

    The <head> tag is usually in your theme’s header.php file and the closing </body> tag is usually in the footer.php file. It can be different in various theme’s though. It’s usually better to create a child theme and do any alterations there.

    Thread Starter jwilliamsua

    (@jwilliamsua)

    i use a child theme but now (with HML5, i assume) my header has stuff like this `<?php $arjunaOptions = arjuna_get_options(); ?>
    <div class=”header”>
    <?php if($arjunaOptions[‘menus’][‘1’][‘enabled’]): ?>` etc… No more head and body. I guess im just new to it, maybe i can just place the code at the beginning and end and see if it works..

    Looking at Arjuna-X’s code, the opening <head> tag is on the 4th line of header.php:

    <?php $arjunaOptions = arjuna_get_options(); ?>
<!DOCTYPE HTML>
<html xmlns="https://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>"  />
...all the subsequent code in the file...

    and the closing </body> tag is on the second to last line of footer.php:

    ...all the previous code in the file...
<?php wp_footer(); ?>
</body>
</html>
    Thread Starter jwilliamsua

    (@jwilliamsua)

    whoa thanks i got it to work. Thanks.. Now i have to figure out how to slide my entire page down a little so the header is still viewable, right now the soundcloud bar is covering half the header…

    Usually you can add some space using margin-top or padding-top on the wrap, body, or header of your site using CSS. Without a link to the site to see the problem, it would be difficult to suggest anything more specific.

    Thread Starter jwilliamsua

    (@jwilliamsua)

    i think i will just leave it on bottom and remove my wibiya toolbar.. here’s the site if you want to see, https://theinfinitygroup.us/

    i might consider adding the padding but might not be capable of it..

    Thanks for your help

    In your child’s CSS file you have:

    .pageContainer {
    text-align:left;
    color:#FFFFFF;
    width:980px;
    margin:0 auto;
    position:relative;
    z-index:1;
}

    If you change the margin part to:

    margin: 10px auto 0;

    it’ll add 10px to the top. You can change 10px to whatever size you need. I kinda like the music player where it is right now though.

    Thread Starter jwilliamsua

    (@jwilliamsua)

    I kinda like it there too, although i had to do away with my wibiya toolbar. No big deal though. You have been most helpful, thank you.

    Thread Starter jwilliamsua

    (@jwilliamsua)

    actually the margin worked perfectly, thanks for all your help today. I am still learning, you were very helpful..

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘HTML5 head and body’ is closed to new replies.