Hi Emily!
It looks like you’re having conflicting css rules in different files. Are you sure you have created a child them properly?
The css rule background-repeat: no-repeat, should do the trick, but another file is overwriting. It looks like you have been modifying your .site-branding rule more than once.
Look through your css files and check whether you have conflicting rules. Also make sure you have created a child theme and that you are only editing the css within that child theme.
Hope this helped you!
TouchCoding.
Thanks for the reply, TouchCoding.
No, I’m not at all sure I created a child theme properly! 🙂 I’m learning through trial and error. But I did it again and *think* I got it right this time.
I think I found the duplicate you mentioned, and I removed it, which stopped the repeat.
Thank you!
No problem, Emily! Glad I could help 🙂 If you need help setting up a child theme, there is many tutorials on YouTube you could try 😉
Yes, I’ve been watching a lot of those tutorials!
I have a follow-up question. The site title in the header is a link somehow, and I don’t want it to be a link. Where can I find the code that affects that and/or remove that element?
Hey again Emily!
This code is in the header.php file. It’s the “a tags” that makes it a link, but a much easier way to remove the link is by using css.
site-title {
pointer-events: none;
cursor: default;
}
If you want to edit the header.php file look for this code
<a href="http://www.emilydownward.com/" title="Emily Downward" rel="home">Emily Downward</a>
And replace it with this:
<h1 class="site-title">Emily Downward</h1>
Either way will solve your problem.
TouchCoding
Thank you, that removed the link. But why does it still look like a link (turquoise and underlined)? I put this in my css:
.site-title {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.3333;
margin-bottom: 0;
color: #505043;
text-decoration: none;
}
But it’s still showing up formatted like a link.
You need to target the link and not only the class site-title.
If you do this:
site-title a {
text-decoration: none;
color: #505043;
}
This will overwrite the rules set to link and change the color and remove the underline. If you want to add more css to that link remember to add the “a” at the end 😉
Glad I could help
TouchCoding
Ok…I added that but it still looks the same (turquoise and underlined). I must have a competing code somewhere that’s overriding it, but where?
