ross/slowtwitch-news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

header text align and hover

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
footer.php
View File

@ -38,7 +38,7 @@
?> ?>
</div> </div>
<a href="<?php echo home_url() ?>" class="st-footer-site-title"> <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> </a>
<p class="st-footer-copyright">&copy; Slowtwitch - Design by Federated Computer</p> <p class="st-footer-copyright">&copy; Slowtwitch - Design by Federated Computer</p>
</footer> </footer>

24
style.css
View File

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