Support » Themes and Templates » Adding text shadow in Tempera theme

  • Resolved Chris Head

    (@headless99)


    I am using a tempera-child theme and am trying to put a shadow on the Site Title text.
    I have used the following in my style.css but to no avail.

    ‘#site-title a {
    text-shadow: 2px 2px 0px #333;
    }’

    Can anyone point me in the right direction?

    Cheers

    Chris

Viewing 12 replies - 1 through 12 (of 12 total)
  • Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Let’s see your site

    Hi Andrew
    Unfortunately you can’t see the site as it is a local test installation.
    I would have included the URL if it was published.

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you post a link to the demo’s site instead?

    I’m not really sure on how to do this. I have never had to do it before.

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The theme has a demo site, we just need to see a Webpage that has the text you want to target. Then we can recommend you the CSS.

    Sorry, it is http://wp-themes.com/tempera/?TB_iframe=true&width=1159&height=595

    The text I want to shadow is the site title – “Theme Preview”

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    This seems to do it:

    #site-title span a {
        text-shadow: 0 1px 0 red;
    }

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If it doesn’t, try something obvious like:

    body {
        border: 10px solid red !important;
    }

    If a 10-pixel-red border doesn’t appear on your site then you have a syntax error somewhere in your CSS

    The #site-title span a suggestion did not work, no shadow appeared on the site title text.
    The body suggestion did work – I got a very bright border on the page!
    I added both sets of code in the custom css section of the themes settings.
    I also tried them in the style.css for the child theme.

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you try and replicate your webpage using a CSS sandbox: http://cssdesk.com/ – You can share a link by generating it (top right)

    My apologies Andrew!!
    It did work – the #site-title span a code.
    I was modifying the theme and then checking on another incorrect instance of the theme, if that makes sense.

    I thank you very much for all your help, your response was super fast and the answer spot on!

    Cheers

    Chris

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    😀

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Adding text shadow in Tempera theme’ is closed to new replies.