header icon and size

  • pjthorne13

    (@pjthorne13)


    8 years, 8 months ago

    Theme options
    I would like to use my logo as the header icon and cannot seem to get it added correctly I do not want to use the icons list Font awesome icons here.
    How can I get my logo to show in place of fa-h-square?
    I have read the other support topics but it just directs me to the link for the fontawesome website.
    thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • CrouchingBruin

    (@crouchingbruin)

    8 years, 8 months ago

    You need to install a CSS plugin like Jetpack or Custom CSS Manager, and then add this CSS rule:

    .site-title .fa-h-square:before {
  content: url(http://example.com/wp-content/uploads/2016/03/logo.jpg)
}

    For the URL, use the address which points to your logo.

    Thread Starter pjthorne13

    (@pjthorne13)

    8 years, 8 months ago

    Thank you so much!!

    Thread Starter pjthorne13

    (@pjthorne13)

    8 years, 8 months ago

    I was able to get my logo in the header.
    I have header text only selected for the Header Theme options so it shows up as needed.
    I am trying to remove the site title text from the header area.
    I found an area in the header.php but when I set the header class to display: none the entire section goes away.
    Is there specific custom css to remove the header title and still keep my header section.?
    thanks

    CrouchingBruin

    (@crouchingbruin)

    8 years, 8 months ago

    Use this rule:

    .site-title a {
   display: none;
}

    Thread Starter pjthorne13

    (@pjthorne13)

    8 years, 8 months ago

    thanks again – I have been trying so many different options.
    I appreciate the help that you provide.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘header icon and size’ is closed to new replies.