Change the Color of Links + Other Custom CSS

Resolved gragaer
(@gragaer)

5 years, 10 months ago

Hello there!

I wanna switch to the theme Toujours on the site I have linked. Before I do I wanna find a way to do a couple of things with custom CSS.

1. Most importantly I wanna change the standard color for links and highlights from the blue to another color. Is this possible?

2. Also, I would like to hide all the additional information a post has (date of post, author, category etc.) on all pages. Is there a way to achieve that?
> see this Screenshot: https://ibb.co/QNvZ5qK

3. In another support topic, I found the following CSS to change the font. Will this code change all fonts on the site or do I need specific code for headings and text?

.entry-content, .navigation {
font-family: “Noto Sans”,Helvetica,sans-serif;
}

4. When testing the theme the defined logo disappears as soon as I click on any link. This is probably just an error of the preview and not part of the final theme, right?

Thank you already for your awesome support! I hope I don’t have too many questions – but I’m already excited to switch to Toujours soon 🙂

Regards,
Ben

The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

lizkarkoski
(@lizkarkoski)

5 years, 10 months ago
1. Most importantly I wanna change the standard color for links and highlights from the blue to another color. Is this possible?

Yes, you can change those items with CSS. Did you want them to be site-wide or only on one specific post or page?

2. Also, I would like to hide all the additional information a post has (date of post, author, category etc.) on all pages. Is there a way to achieve that?
> see this Screenshot: https://ibb.co/QNvZ5qK
```
footer.entry-footer {
    display: none;
}
```
3. 3. In another support topic, I found the following CSS to change the font. Will this code change all fonts on the site or do I need specific code for headings and text?
```
.entry-content, .navigation {
font-family: “Noto Sans”,Helvetica,sans-serif;
}
```
Yes, that should work. Or some variation depending on the theme specifics.

4. When testing the theme the defined logo disappears as soon as I click on any link. This is probably just an error of the preview and not part of the final theme, right?

I suggest installing the theme on a local setup. Not your live site. Then you can test all of these questions and get things configured how you want them before affecting the live version.
Thread Starter gragaer
(@gragaer)

5 years, 10 months ago

Hello!

Thank you for your reply.

Unfortunately I have to do it on the live site, the client, for some weird reason, has security measure that prevent from copying the site. It’s a little weird.

Concerning 1) I wanna have all the links and highlights (and the h:over color in the menu bar) changed, so the same color all over the site, if possible 🙂

Thread Starter gragaer
(@gragaer)

5 years, 10 months ago

Hello there!

Does anyone have further advice, especially with problem number 1? 🙂

Thanks!
fresatomica
(@fresatomica)

5 years, 10 months ago
I’m not sure If I understand what you meant about the menu bar but if you wanted to change the color of the menu buttons upon hover, you can try this:
```
/*Changes the background color of the menu on hover*/
#access li:hover > a, #access a:focus {
  background: #951924;
}
```
I used the red used on the site but, of course, you can change the color to whatever else.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Change the Color of Links + Other Custom CSS’ is closed to new replies.

Tags