Jump to content
Sign in to follow this  
ahopgood

Hellip in features section

Recommended Posts

ahopgood    0
ahopgood

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
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
ahopgood    0
ahopgood

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
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
ahopgood    0
ahopgood

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
ahopgood    0
ahopgood

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
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

Glad it's resolved.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×