Hi – I’ll answer your questions separately.
How can I change the color of links in this template? They are showing up red and we’d like to change the color.
Adding this to your custom CSS should do the trick:
a, a:link {
color: #bb00bb;
}
You can also add different colours for visited and hover links, like this:
a:hover {
color: #ad8cee;
}
a:visited {
color: #25f4c8;
}
Change the example colour codes to whatever you prefer.
Also, thanks to help here, we figured out how to make the header smaller, but we’re now wondering – how do we reduce the size of the space between the logo and the site title?
I used a browser inspector to see that the space is coming from this part of the CSS:
.site-branding a + .site-title {
margin-top: 0.6667em;
}
You can override that by adding this to your custom CSS:
.site-branding a + .site-title {
margin-top: 0;
}
Hi Kathryn,
I have the same issue of wanting to remove the gap between my logo and the site title, but when I try that code in the CSS it doesn’t work for me.
My site is http://www.clean-eating.co.uk
Would you have any idea why it isn’t working for me?
Thanks a lot
Ok so I have realised that anything new I was adding to my Custom CSS editor the update was not going through (even though the exisitng lines of CSS on there still are taking effect!)
But if I use the other ‘Edit CSS’ section to put the code into it now works! I know this is no longer related to the answer on here, but if anyone has a clue why that would be awesome.
@imogenreeves: It sounds like you added the snippet to Jetpack’s custom CSS editor (via Appearance > Edit CSS) which is the correct way to add CSS.
The CSS would not have worked if you added it directly to your theme’s style.css file and you should not edit the theme’s files directly as changes will be lost when it comes time to update.
If you were adding the CSS via another plugin, then there may have been a conflict between Jetpack and it. If that’s the case, I recommend disabling either the second plugin or Jetpack’s CSS module.
If you have further questions, then please start a new thread on this forum. We’ll be happy to help you troubleshoot further from there:
https://ww.wp.xz.cn/support/theme/sela#postform
Thanks!
