0
Welcome Guest! Login
0 items Join Now

Text shadow needed

    • Mark0514's Avatar
    • Mark0514
    • Sr. Rocketeer
    • Posts: 156
    • Thanks: 2

    Text shadow needed

    Posted 12 years 8 months ago
    • I am using some transparencies in conjunction with a light background and I need to know if I can add a dropshadow to all my text. I have tried adding some properties I have found to firebug but havent had any luck. the site is www.southbay.cc
      Thank You
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: Text shadow needed

    Posted 12 years 8 months ago
    • Hi there,

      Try adding the following code to the bottom of template.css...
      body {
            text-shadow: 1px 1px 1px #FF0000;
      }
      This would a red shadow to all text (unless overriden by higher css specifity) that was 1px to right, 1px down, and spreads 1px deep. Change settings to suit your needs.

      Please remember that these changes will be lost in any future template update. You can avoid this by using the tutorial here - www.rockettheme.com/index.php?f=337&t=10...omcss&rb_v=viewtopic

      There is also an alternative option here - www.rockettheme.com/magazine/dec-2011/13...cket-theme-templates

      If this resolves your problem then please edit your first post in this thread by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section.

      Thanks for your cooperation :)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    • Mark0514's Avatar
    • Mark0514
    • Sr. Rocketeer
    • Posts: 156
    • Thanks: 2

    Re: Text shadow needed

    Posted 12 years 8 months ago
    • That seems to be working great in Firefox, Thank You. Do you know if it should work in IE as well?
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: Text shadow needed

    Posted 12 years 8 months ago
    • Hi there,

      Internet Exploder does not support the text-shadow option. There is a possible solution here - www.impressivewebs.com/css3-text-shadow-in-internet-explorer/

      Hope this helps 8)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    • Mark0514's Avatar
    • Mark0514
    • Sr. Rocketeer
    • Posts: 156
    • Thanks: 2

    Re: Text shadow needed

    Posted 12 years 8 months ago
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: Text shadow needed

    Posted 12 years 8 months ago
    • Hi Mark,

      I haven't tried it but the author does say not suitable for large amounts of text. Looks like you have to enter text twice which may upset search engines.

      Hope this helps 8)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information

Time to create page: 0.045 seconds