Tagline visibility

  • I want to first say I love this theme! The only issue I’m having so far is that when I use my custom logo I cannot hide the tagline text underneath it. I don’t want to delete it from the customization because then it doesnt show up in the browser tab when you hover the site name. Is there something I can do to hide it from the heading area? I’ve posted a link to my site. I’ve tried to go in and add some of the suggestions into the stylesheet from previous forum posts but none of them work. https://calicocraftcorner.com

Viewing 1 replies (of 1 total)

  • for changes like this you should be using a child theme.
    The best way to do it IMO is to add a class to the line in header.php(in your child theme) which may look something like

    <p class="site-description"><?php bloginfo( 'description' ); ?></p>

    and change to

    <p class="site-description visually-hidden"><?php bloginfo( 'description' ); ?></p>

    Then add this new class to your stylesheet

    .visually-hidden {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
padding:0 !important;
border:0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}

    This will hide the line but leave it available for screen readers etc. and you will be able to reuse the class anywhere else you wish to.

    Or you could just add the same css to the existing class
    .site-description{
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding:0 !important;
    border:0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    }
    in your child theme stylesheet

Viewing 1 replies (of 1 total)
  • The topic ‘Tagline visibility’ is closed to new replies.

Tags