Archived

This topic is now archived and is closed to further replies.

  • 0

Hellip in features section

Question

Posted · Report post

I can't seem to get the hellip in the features section to show white. It's likely because I changed all font to be #333333 with the following css:

 

 

.html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,  abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  color: #333333;
    font-size: 12px; 
 
}
 
i changed the css for fexcerpt so that it is all white and all is well with that, except the "..."
 
so the span in there is causing it to go the grey color but I can't seem to find a way to make the hellip white in the features and leave the other site text grey.  
 
Maybe there's a better way to do all this? sorry, learning slowly on some of this it seems.

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

It seems you didn't apply a 0 in the right place:

.fexcerpt *:first-child {
    margin-top: 0;
}

Adding color: #ffffff; to this turns the hellip white.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

The hellip is actually showing white. However, the fonts in the slider have a text shadow which somewhat vanishes into the overlay, but helps the text stand out. Because the hellip is small, the shadow (black), stands out more.

 

Using Firebug or Chrome's inspection tool, you may adjust it.

 

The original code is found here:

#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: #FFFFFF;
    text-shadow: 0 -1px 0 #000000;
}

You can see it has a -1px offset, which is why you're able to notice the black shadow, appearing grey due to the overlay.

Share this post


Link to post
Share on other sites

Posted · Report post

I had already changed the shadow to 0 so now it's just the grey text. I still can't seem to figure out what the issue is, here is the site: http://realtybitz.com/  you can see the "..." grey there.

Share this post


Link to post
Share on other sites

Posted · Report post

hmmm. placing the following css  fixed the situation in chrome:

 

 

.fexcerpt :first-child{
  1. margin-top0;
  2. color#ffffff;
}
 
But when adding to my css custom code it does nothing, there must be a conflict in there somewhere?

Share this post


Link to post
Share on other sites

Posted · Report post

Nvm, i took out the margin-top and just left the color:#ffffff  and all works fine.  maybe i did somethin wrong there, anyways looks to be resolved.  thanks.

Share this post


Link to post
Share on other sites

Posted · Report post

Where are you adding it?

 

It should go in Dashboard > PageLines > Site Options > Custom Code in the CSS Rules area anywhere after body {}.

 

Do you have a cache plugin installed and activated? If so, clear the cache from the plugin's settings.

Share this post


Link to post
Share on other sites

Posted · Report post

Glad it's resolved.

Share this post


Link to post
Share on other sites