• Resolved jhh78

    (@jhh78)


    My site is https://www.pohmrt.fi. I use Twenty-twelte child theme. I want to hidden a:hover function in site-header title and header-image (I want that both of are only text and picture, no links). How I do that? Help me.

    Thanks.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Hey there jhh78,

    Hope you’re well today!

    In order to achieve this you’ll have to make changes to your theme header.php which is located in the root folder of your theme. Ideally you’d want to create a child theme, make a copy of header.php there and make the changes in the child theme so you can avoid losing changes once you update the theme.

    With that being said replace code in header.php with this one here https://pastebin.com/28dxZJ8u. This should remove links from site title and header image.

    Hope this helps ??

    Cheers,
    Bojan

    Thread Starter jhh78

    (@jhh78)

    Thank you very much.

    Where (in child theme) I put this code? I have there two files, functions.php and style.css? Or do you mean that I copy header.php, put that file in child theme folder and put your link code inside child folder header.php?

    Hey again,

    Please try to copy your header.php in your child theme folder and then replace the code inside that file with the one I linked to.

    Best regards,
    Bojan

    Thread Starter jhh78

    (@jhh78)

    I did what you say. Check my site. Nothing happens? =0

    Thread Starter jhh78

    (@jhh78)

    Sorry. Now it change ok. Now I want to change title color back in olive green. Where I change that (it’s changing black after update header.php)?

    Hey again,

    It changes the color since it is not a link anymore and in styles color is defined for that link and not just the h1.

    So to change this we’ll have to add some custom CSS too. Please try adding the following to the bottom of your child theme style.css:

    h1.site-title {
        color: #000;
    }

    Replace color hex value to display another color. You can use sites similar to this one to get hex value for the color of your choice: https://www.color-hex.com/

    Best regards,
    Bojan

    Thread Starter jhh78

    (@jhh78)

    Thank you so much, everythink is now ok =)
    If in the future I would like to enlarge site-title text (just a little bit), what is have to do?

    Hey again,

    You can use the same selector above and add font size property to it or you can simply add the following below:

    #masthead h1.site-title {
        font-size: 26px;
    }

    This should be original font size so you’d have to increase the numeric value to what ever suits you the most.

    Cheers,
    Bojan

    Thread Starter jhh78

    (@jhh78)

    Thank you very much. =)

    Glad I could help ??

    Cheers,
    Bojan

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Site-header title and header image’ is closed to new replies.