Resolved Feature Option Broken - black text - no feature background-no overlay

[mattsimpson 0]

On my website - http://kungfuinsights.com

After upgrading today, I am having a problem with black background on features.

This is the same / similar problem posted here - http://www.pagelines.com/forum/topic/22005-feature-background-black-with-framework-23-upgrade-using-iblog/

The features all have "black text - no feature background-no overlay" selected. However, the text is white. And the background is black.

Custom CSS is only

body {}

I tried Batman's first recommendation (see link above), and CSS was:

body {}

#site #feature_slider #feature-area {

background: transparent;

}

This resulted in a white background, a shaded border, and strange outline white font.

So, I tried adding Batman's second recommendation above to this, making the CSS this:

body {}

#site #feature_slider #feature-area {

background: transparent;

}

#feature_slider .fcontent h1, #feature_slider .fcontent h2, #feature_slider .fcontent h3, #feature_slider .fcontent h4, #feature_slider .fcontent h5, #feature_slider .fcontent a { color: black;}

#feature_slider .fcontent { color: black;}

This resulted in a strange super-saturated black grainy font.

Can someone help? Is there any way I can make the "black text - no feature background-no overlay" function work again?

If the primary function is broken, I'm happy to hack it all up with CSS to make it work. But can someone help? I just want the font to look normal, and not a super-saturated strange black font.

(I also want the border to go away. But I can address that in a different thread... First thing is first.)

[James B 436]

Hi there, to get rid of the shadow add this to your custom code box in Pagelines>Site Options>Custom Code

#feature_slider #feature-area {box-shadow: 0;}

Have you managed to resolve the text issue? Seems to be displaying fine at the moment? Let me know, if you could take a screen shot of the problem that would be great. I'm passing your comments regarding the settings not working on to the team. Have you tired re-saving the slides to see if that corrects the settings?

[batman 389]

Hi mattsimpson:

{ color: black;} is only an example

You can go

http://www.w3schools.com/cssref/css_colornames.asp

or

http://html-color-codes.info/

and select the color as you like

You may also use color codes there, such as #C00000 or rgb(100,100,100), if you wish to use more specific colors.

Sorry if I don´t give you a correct response, I'm only a newbie

[mattsimpson 0]

hi Batman,

I like the color black. In fact, I think all the font on the website outside of features is black. I'm just trying to make the black font inside the features match the black font outside of the features.

I'm a noob too. Any ideas how to do that?

Thanks for your reply.

[mattsimpson 0]

Hi James B, Thanks. I tried it. It didn't work. The box is still there around the feature. The CSS is:

body {}

#site #feature_slider #feature-area {

background: transparent;

}

#feature_slider .fcontent h1, #feature_slider .fcontent h2, #feature_slider .fcontent h3, #feature_slider .fcontent h4, #feature_slider .fcontent h5, #feature_slider .fcontent a { color: black;}

#feature_slider .fcontent { color: black;}

#feature_slider #feature-area {box-shadow: 0;}

[batman 389]

Hi again

Please you can try with

#feature_slider #feature-area {box-shadow: none;} 

[mattsimpson 0]

Hi Batman, that worked! Thanks!

Now I have to figure out how get the font back into the condition it was before. I like the black font. But I don't want it to be so strong, bold & grainy.

[mattsimpson 0]

I've tried several changes.... Lots of improvement. Yet nothing seems to get the font right. http://kungfuinsights.com/

Fundamentally, the font inside the features is broken. I don't want to do any customizations, but I'm doing it because I have to. IF the feature, if it was working as designed, it would respect the setting:

"black text - no feature background-no overlay"

But it doesn't. It presents a black background with white font inside a shadow box.

To get around this, I currently have my custom CSS as this (per this thread above). However, the font is still wrong. It doesn't look like the font on the rest of the site.

body {}

#site #feature_slider #feature-area { background: transparent;}

#feature_slider .fcontent h1, #feature_slider .fcontent h2, #feature_slider .fcontent h3, #feature_slider .fcontent h4, #feature_slider .fcontent h5, #feature_slider .fcontent a { color: black;}

#feature_slider .fcontent { color: black;}

#feature_slider #feature-area {box-shadow: none;}

I've tried using other font colors. But it seems that the font is a different font... or, it's forced into a heavy font setting of some kind. It's heavy & grainy. I just want the font to look like the font on the rest of the web site.

Can someone help? (Thanks for all prior help above)

[catrina 103]

The heavy text is there because of the text shadow. To get rid of that effect, you'll need this .fcontent CSS:

#feature_slider .fcontent {color: black; text-shadow: none;}[/CODE]

[mattsimpson 0]

Perfect! That fixed the hack! Thank you, catrina!

Has anyone logged the bug?

[Rob 547]

Yes. It's logged.

[Rob 547]

The topic was marked as resolved.