Header image AND Text

  • I’m using the Church child theme and I’m having trouble figuring out the “proper” way to add text to the the right of the site logo in my header.

    I’ve tried using the CSS “after” psuedoclass, to no avail, as in this code:

    .title-area:after {
    content: "St. Elizabeth Missionary<br>Baptist Church";
    float: right;
    position: absolute;
    wrap: wrap-word;
    margin-left: .3em;
    font-size: .8em;
    overflow: hidden;
    width: 100%;
    min-height: 10px
    background: limegreen;
}

    I tried attaching that to other classes instead like .site-title and .site-title img. Unfortunately, I learned from this post (https://stackoverflow.com/questions/5843035/does-before-not-work-on-img-elements) that using after: on images isn’t supported.

    So, the only way I can think of that is left, is to customize my child theme by manually editing the header. But, I’m not good yet with understanding the mechanics of frameworks (hooks, add_action, remove_action, registering functions, etc.), but I can follow directions and I can add code in functions.php just fine.

    Anyway, I’m having trouble finding where to add in the code. I can build an HTML snippet that incorporates and image with text floated to the right, that wraps based on the container div dimensions. The problem is, I can’t figure out where to do it.

    I looked at header.php and found this:

    
<div class="<?php echo omega_apply_atomic( 'site_container_class', 'site-container' );?>">
	<?php 
	do_action( 'omega_before_header' );
	do_action( 'omega_header' );
	do_action( 'omega_after_header' ); 
	?>
	<div class="site-inner">
		<?php do_action( 'omega_before_main' ); ?>

    I figured the do_action( 'omega_header' ) was probably the part I needed, but then I ended up chasing a rabbit hole trying to find the function or file that actually modifies the code. These are the files I ended up chasing:

    hooks.php
    wraps.php
    title-area.php

    There’s more … but I gotta go. Hopefully you know what I’m talking about.

    Any help is appreciated.

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

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

  • From WordCamp NYC:

    Sounds like what you’re trying to do is actually “add_action”, along with your html code. 

    <?php
add_action( 'omega_header', function(){
    ?>
    // Your HTML here
    <?php
}, 10 ); // 10 sets priority of action order
    Thread Starter Eric Hepperle

    (@codeslayer2010)

    Thanks @hrmervin. I’ll try that and report back.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header image AND Text’ is closed to new replies.