[Christine Budzowski]

Hi Steven,

This is my directory on my development site: http://6e3.b79.myftpupload.com/about/advisory-council/advisor-directory/
Which is finally looking good on the top level but the Single page is causing problems. I want the H3 and H3 a to be #333333 on both pages. On the Single page the name is showing in #fff, which is a problem because on these pages my background is white.

I have a custom css file (attached) When I inspect the element it seems to be inheriting the color from my Child Theme CSS for the Modern Tribe Events Calendar. I am using the Divi theme on this site, which allows me to add custom CSS to specific sections, but I can’t override the specific cn elements from there.

Thanks in advance for your help with this.

Christine

Attachments:

You must be logged in to view attached files.

[Steven Zahm]

@ Christine

Your CSS statement should be:

#cn-excerpt-plus .cn-entry span.fn,
#cn-excerpt-plus .cn-entry-single span.fn {
    color: #333333;
    font-size: 1.2rem;
    font-weight: 700;
    text-decoration: none;
}

Hope that helps!

[Christine Budzowski]

Hi Steven,

Still no luck on the h3 a element. I think it has something to do with the link because the rest of the info is the correct color. There is a callout in the Calendar plugin I am using that specifies that element (h3 a) as color: #fff; and that is in my child theme css. Could that be overriding this element as it is not specifically called out in the span?

I am ready to try changing that callout on the Child theme style.css and see if it makes a difference. However, that will change the h3 a link color in the Events Calendar. It uses the same span.fn

Do you have any suggestion for overriding that specific element in the excerpt-plus-custom.css?

Thanks so much for your input here. It IS giving me ideas to explore.

[Christine Budzowski]

Hi Steven,

I fixed it by adding a custom CSS ID to the page, creating a #connections-directory ID and adding the css for that ID to my child theme style.css

It worked, and I was able to keep my Events Calendar looking the way it should.

Could not have figured this out without your help, however:)

Thanks!

[Steven Zahm]

@ Christine

Great to hear you figured it out. Sounds like it may be an issue in the files are loaded which affect inheritance. Adding the extra CSS ID makes the statement more targeted (heavier weight) so it overrides the existing CSS no matter the inheritance. Well, that is my guess anyway! :)

[Author]

Posts