Changing the font color in certain sections of Parallax Pro

[Fredrik]

Hi,

I'm using the Parallax Pro theme.

How can I change the font color in home section 3 without affecting home section 1?

I would like the font color in section 3 to be black, and the font color in section 1 to be white. But as soon as I change one of them, the other changes as well.

Thanks,

Fredrik

[Victor Font]

Separate the CSS and create two different blocks:

Current:

.home-odd, .home-odd a:hover, .home-odd h1, .home-odd h2, .home-odd h3, .home-odd h4, .home-odd h5, .home-odd h6, .home-odd .featured-content .entry-title a, .home-odd .widget-title {
    color: #FFF;
}

New:

.home-odd, .home-odd a:hover, .home-odd h1, .home-odd h2, .home-odd h4, .home-odd h5, .home-odd h6, .home-odd .featured-content .entry-title a, .home-odd .widget-title {
    color: #FFF;
}

.home-odd h3 {
    color: #000;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Fredrik]

This reply has been marked as private.

[Susan]

Fredrik:

You have made your reply private. Only the person who created the thread (you), and a moderator (such as me) can see a private reply. Victor can't see your reply. You need to create a non-private reply.

(As an aside - I'm not seeing the changes that Victor suggested be made to your website).

[Fredrik]

Thank you for your reply, Victor . Unfortunately that solution didn’t work for me.

Here’s a link to my webpage if you would like to take a look:

http://effektivchef.se/

BTW, the site is still under construction.

The language is Swedish in case you wonder.

Regards,

Fredrik

[Fredrik]

Thank you, Susan. The reason you didn’t see the changes is that I didn’t keep them since they didn’t work for me. However, I have re-added them now.

[Victor Font]

My Bad, I looked at the wrong element.

Current:

.home-section-1, .home-section-3, .home-section-5 {
background-attachment: fixed;
background-color: #FFF;
background-position: 50% 0px;
background-repeat: no-repeat;
background-size: cover;
}

New:

.home-section-1, .home-section-5 {
    background-attachment: fixed;
    background-color: #FFF;
    background-position: 50% 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-section-3 {
    color: #000;
}

You'll also have to create a new button class if you want the buttons black.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Fredrik]

Thank you. That did the trick.

Could you please specify what code I should change or add to make the button in section 3 black, without changing the button color in section 1?

Regards,

Fredrik

[Author]

Posts