[dschwartzer]

My site is http://appletechtalk.com and I am using the Simple Catch theme.

I am having issues with the font colors.

I have set the basic font colors in the Theme Appearance Options but the default color do not always get applied and I have to go back and set them manually. My bigger problem is that even when I set colors using the WP Visual Editor, the selected color does not get applied when I save the post.

For example, I have set the default font color to black but the Visual Editor applies gray to all the text. I then select all of the text and change it to black and it all changes to black in the Editor. However, when I publish the page, the H2 titles get published as gray, even though they look black in the Editor.

I have also just completed a post with a table for Pros and Cons and set the color of the word Pros to green (#00800) and the word Cons to red (#ff0000). They both display in those colors in the Editor and the CSS shows the the correct code for each but when I save the post and preview it, the Cons is in the correct red but the word Pros displays in dark gray.

I really like this theme and have gotten a lot of compliments on my site but these color issues make it difficult to publish the page as intended. I would appreciate any help to correct this.

Thank you.

[email protected]

[Mahesh]

Hi @dschwartzer,

The color applied in visual editor will visible in visual editor page and the post single page. The blog list page only displays the excerpt of the blog and all the html and style are removed here and texts are displayed with default colors. If you set the theme colors to default, edit a post and change some colors in the content and view the post then you would see the color as you’ve applied right?
If you want display the post list with style applied in visual editor, you’ll need to display full content instead of excerpt (you’ll need to do some code customization).
Hope you understand.
Let me know if I can help you further.

Regards,
Mahesh

[dschwartzer]

Mahesh:

Thanks for your quick response. Actually, the posts on the Blog List (Home Page) display properly and use the default colors. The issue I am having only appears on the full single post page.

To try and explain it better, take a look at this page:

http://appletechtalk.com/coming-attractions/

You will see that all of the H2 headings are displayed in gray.

In the Text Editor, the code looks like this:

<h2><span style=”color: #000000;”>Network Attached Storage</span></h2>

As you can see, the color for the H2 heading is #000000 which should render as black but on the post it is gray.

I have the same issue throughout the site and there doesn’t seem to be a pattern but the issue is that regardless of what color I select, the html code is correct but the text renders in gray.

Any thoughts on what is going on?

Regards,

David

[Mahesh]

Hi @dschwartzer,

Seems that you have modified some code in theme’s style.css.

strong, b {
    color: #666;
    font-weight: bold;
}

The color properties in the above line is causing the issue. I checked Simple Catch theme’s default style.css. It doesn’t have that color rule.
In your site, you’ve set the color for the text to #000000 and its displaying fine in the source <span style=”color: #000000;”> but within the span there is a strong/b tag which is applying the above CSS rule from. That is why the text in <h2> tags are always grey.
Hope this help to resolve your issue.

Regards,
Mahesh

[dschwartzer]

Mahesh:

Based on your earlier suggestion I looked at the style.css file in the Simple Catch theme file and did find a line of code that was:

strong, b {
font-weight: bold;
color: #666;
}

I tried to comment it out by changing it to:

/*
strong, b {
font-weight: bold;
color: #666;
}
*/

But it did not seem to fix the problem. Any other suggestions?

Regards,

David

[dschwartzer]

Mahesh:

Sorry to keep bothering you but I did a little more research and I think I found what is causing the text color issue but I don’t know how to fix it.

The issue seems to be that the opening tag is being inserted into the wrong place. Here is an example.

One of my h4 tags was formatted like this:

<span style=”color: #000000;”>Cloud Services</strong

This text rendered in gray. When I changed the css to read:

<span style=”color: #000000;”>Cloud Services</strong

the text rendered properly. I see this behavior in all of the headings and bold text that is not rendering in the proper color.

Any idea why this is happening and how I can fix it?

Thanks,

David

[Mahesh]

Hi @dschwartzer,

The tag errors shouldn’t have happened as it is automatically inserted by WordPress’s content editor. Have you modified the content in editor in text tab? You’ll need to manually remove the wrong tags in text tag or try changing the text style bold/unbold in visual tab.

Regards,
Mahesh

[Author]

Posts