header text align and hover

This commit is contained in:
Ross Trottier 2024-07-24 14:13:43 -06:00
parent a89a4d216e
commit e685f1ca49
2 changed files with 18 additions and 8 deletions

View File

@ -38,7 +38,7 @@
?>
</div>
<a href="<?php echo home_url() ?>" class="st-footer-site-title">
<img src="/wp-content/themes/slowtwitch-news/assets/images/logotype-purple.png" alt="Logotype" class="st-footer-site-title-img">
<img src="/wp-content/themes/slowtwitch-news/assets/images/logotype-dark-blue.png" alt="Logotype" class="st-footer-site-title-img">
</a>
<p class="st-footer-copyright">&copy; Slowtwitch - Design by Federated Computer</p>
</footer>

View File

@ -310,6 +310,7 @@ SECTIONS
.st-desktop-nav-links {
display: flex;
padding: 0;
align-self: center;
list-style: none;
margin: 0;
margin-right: auto;
@ -322,7 +323,6 @@ SECTIONS
.st-desktop-nav-links li a {
text-decoration: none;
text-transform: uppercase;
color: #0b4fa0;
}
@ -455,7 +455,7 @@ SECTIONS
/* footer */
.st-footer {
color: #270BA1;
color: #0b4fa0;
background: rgba(0, 0, 0, 0.2);
display: grid;
grid-template-columns: minmax(1em, 1fr) minmax(130px, 500px) minmax(130px, 500px) minmax(1em, 1fr);
@ -475,7 +475,7 @@ SECTIONS
.st-footer-icon {
font-size: 1.5rem;
margin-top: 1.5em;
color: #270BA1;
color: #0b4fa0;
}
.st-footer-icon:hover,
@ -488,7 +488,7 @@ SECTIONS
font-size: .6rem;
text-align: right;
color: white;
background: #270BA1;
background: #0b4fa0;
padding: .2em .5em .2em;
margin-bottom: 0;
}
@ -523,7 +523,7 @@ SECTIONS
.st-footer-partners__list-item a,
.st-footer-nav-links a {
text-decoration: none;
color: #270BA1;
color: #0b4fa0;
}
.st-footer-partners__list-item a:hover,
@ -562,13 +562,23 @@ SECTIONS
color: #FFDB12;
}
.st-footer-partners,
.st-footer-socials {
align-self: start;
margin-top: 3em;
}
.st-footer-partners__title {
margin: 0;
}
.st-footer-partners ul {
margin-bottom: 0;
}
.st-footer-site-title {
justify-self: center;
margin-top: .5em;
margin-top: 1em;
}
.st-footer-copyright {
@ -974,7 +984,7 @@ COMPONENTS
.st-chip-primary:hover,
.st-chip-primary:active {
background: #FFF;
background: #FFDB12;
color: #454545;
}