Paulie footer colour

littleseedsmedia7b1eda02a0 · Member · Jul 9, 2019 at 12:41 am
Copy link

Add topic to favorites
Hi,

I can’t seem to be able to change the footer colour on my blog?

Can anybody help? I’ve been trying this code with no luck:

.site-footer {
background: #bfbdba;
}

Thanks,
Justine

The blog I need help with is: (visible only to logged in users)
supernovia · Staff · Jul 9, 2019 at 12:59 am
Copy link
Hi, it’s this CSS you’ll want to adjust.
```
.nav-menu .current_page_item>a, .nav-menu .current-menu-item>a, #colophon, .site-info {
    background-color: #bfbdba;
}
```
If you want to only target the #colophon and .site-info areas, use this:
```
#colophon, .site-info {
    background-color: #bfbdba;
}
```
I noticed too your custom CSS has some random function in it. You might try commenting that out if this code isn’t working for you.
littleseedsmedia7b1eda02a0 · Member · Jul 9, 2019 at 9:53 am
Copy link
Thank you!!
littleseedsmedia7b1eda02a0 · Member · Jul 9, 2019 at 10:28 am
Copy link
Me again sorry.

Can you also please tell me what code to use for the following…

– change font colour of pull quotes

– remove the bold underline from links

– remove the bold font from links

– remove the random pink line on my home page under “view all posts”

– change the border colour of the “read more” button to black

– make the headings normal font (not the defaulted capslock they’re on).

I’d appreciate any help I can get, thanks.
staff-zinnia · Staff · Jul 9, 2019 at 2:12 pm
Copy link
Hi Justine –

It’s great that you’ve found a source to start writing and to express yourself. Mom life is hard! Here’s the requested CSS.

change font colour of pull quotes

You will need to edit the hex code for the desired color when you add this to your CSS in Customizer.
```
blockquote p, blockquote p cite {
    color: #605200;
}
```
remove the bold underline from links

remove the bold font from links

This is built in to the theme and I have not worked out a way to remove those. I will ask a colleague for a second opinion.

remove the random pink line on my home page under “view all posts”
```
.wp-block-separator.is-style-wide {
    border-bottom-width: 1px;
    display: none;
}
```
change the border colour of the “read more” button to black
```
a.more-link, .st-button, button, input[type=submit], input[type=button], input[type=reset], .comment-navigation a, input[type=email], input[type=password], textarea, .jetpack_subscription_widget #subscribe-email input, #page #main #infinite-handle span {
    border-color: #000;
```
make the headings normal font (not the defaulted capslock they’re on).

This should respect capital and lowercase letters once added.
```
.entry-title textcenter-xs
    text-transform: none;
```
staff-blorbo · Staff · Jul 9, 2019 at 5:09 pm
Copy link
– remove the bold font from links
– remove the bold underline from links

Try this:
```
.entry-summary a, .entry-content a, .comment-content a, a.comment-reply-link, .page-links a {
    border-bottom: none;
    text-decoration: underline !important;
}
```
Apparently the underlines look bolder than a normal underline because the theme’s designer went with a border instead. :)

The font on the links isn’t actually bold, it’s just much more black than the rest of the text.

So, you’d do this to make it the same color as the rest of the text:
```
.entry-summary a, .entry-content a, .comment-content a, a.comment-reply-link, .page-links a {
    color: #444;
}
```
For accessibility reasons, I do recommend either leaving the normal underline per the first CSS snippet or choosing a color that is _different_ from the main text. You don’t have to do both, but it is good to keep a visual marker of “this is a link.” Personally, I prefer just the underline, better for your colorblind visitors. :)

No items found.