Question

i want to remove the link from my header using CSS so that only the text “my inner yoga” shows, but it is not a hyperlink. i tried to do

#post-28 .site-title.a {display:none;}

but it didnt work. i know it has to do with the site-title because i don’t know how to say in CSS that i want to only have the “a” tag not working, but only in the site-title div.

also, is it possible to remove the “learn more” text from the right side of my header? i don’t know PHP so that part is confusing to me. i dont know if its possible to do with css.

the link is: http://myinneryoga.com/strange-exotic-fruit-supplement/

Answer 1

Can’t be done with CSS, but you can just display the site title itself using

 <?php echo $bloginfo('name'); ?>

If you only want it removed on one page, use a conditional IF statement to query the page ID or slug and set a version without the site URL attached and an ELSE to set a version with the URL.

To remove the learn more text, add this code to the end of your functions.php file:

function improved_trim_excerpt($text) { // Fakes an excerpt if needed
global $post;
if ( '' == $text ) {
    $text = get_the_content('');
    $text = apply_filters('the_content', $text);
    $text = str_replace(']]>', ']]>', $text);
    $text = strip_tags($text, '<p>');
    $excerpt_length = 100;
    $words = explode(' ', $text, $excerpt_length + 1);
    if (count($words)> $excerpt_length) {
        array_pop($words);
        array_push($words, '');
        $text = implode(' ', $words);
    }
}
return $text;
}
remove_filter('get_the_excerpt', 'wp_trim_excerpt');
add_filter('get_the_excerpt', 'improved_trim_excerpt');

If I’m correct the theme developer added a custom excerpt ending. Either that or it’s just a hardcoded link, in which case go into the header file and use the find function of whatever editor you are using and search for the “learn more” text, then just remove it and the tag around it.