Hiding CSS hide site title in footer

i understand comment out certain lines of codes in perth-child/footer.php will hide the site-title in the left footer.

however, i wish to adopt the changes in perth-child/style.css.
i tried the following but it did not work.

h1.site-title {
display: none;
}

above does NOT work!

Hello there,

You can use this CSS code:


.footer-area .site-title {
  display: none;
}

To hide the entire footer branding area, use this code:


.footer-area .footer-branding {
  display: none;
}

.footer-widgets {
  width: 100%;
}

Regards,
Kharis

Thank you.
Support is GREAT even for free theme.

I will continue to show this " Proudly powered by WordPress | Theme: Perth by aThemes" in my site footer as a token of appreciation =)

Hello there,

Thank you so much for your appreciation.

Have a nice day!

Regards,
Kharis

Hello,

i want to hide site title in footer, but i want to have logo right there.
I use this css

.footer-branding h1 a{
display: inline-block;
max-width: 100%;
background: url(‘http://incomesplash.com/path/to/your/image.png’) top center no-repeat;
background-size: contain;
}

it works, but i see also the text. Can you help me?

Hello there,

Try adding a text-indent property. So your code will look like this:


.footer-branding h1 a{
  display: inline-block;
  max-width: 100%;
  background: url('http://incomesplash.com/path/to/your/image.png') top center no-repeat;
  background-size: contain;
  text-indent: -9999px;
}

Regards,
Kharis

Hi Kharis
i tried the above code to hide the site title name in the footer but it didnt worked.
can you help me?

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .footer-branding {
      display: none;
    }

    .footer-widgets {
      width: 100%;
    }

Regards,
Kharis

Hi kharis
It didnt worked

My theme is cali
can you please check for other code?
I have tried different codes but nothing worked.

Do you have a link to your site to share here?

Regards,
Kharis