Div overlay not working in Twenty Twelve

  • Resolved Xanklin73

    (@xanklin73)


    10 years, 5 months ago

    Hello,

    I have a separate installation of WordPress running in a subfolder on my site and Twenty Twelve installed as my theme. I’m trying to place one div over another but noticed a problem when I tried to apply CSS and HTML coding that I found in a JSBin example (https://jsbin.com/edejus/1/edit). On my site’s page, one div just appears *above* the other — but not over it. What am I overlooking?

    The page is located at: https://xanklin.com/proto/slider-text-overlay/

    Thanks in advance,
    Dawn

Viewing 4 replies - 1 through 4 (of 4 total)

  • Do not edit the theme itself. First create a child theme for your changes.

    Thread Starter Xanklin73

    (@xanklin73)

    Hi esmi,

    Thanks for your quick response. Just to clarify, I didn’t plan to make any modifications to the theme. Are you saying that achieving the effect I want (as it appears in JS Bin) has to start with making (and modifying) a child theme?

    Thanks again,
    Dawn

    Are you saying that achieving the effect I want (as it appears in JS Bin) has to start with making (and modifying) a child theme?

    Yes – exactly that. Looks like you will need to start editing/creating theme template files in a child theme as well as adding some CSS.

    Thread Starter Xanklin73

    (@xanklin73)

    Excellent — thanks! I’ll get started on that right away. Marking this thread as “resolved.”

    Cheers,
    Dawn

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Div overlay not working in Twenty Twelve’ is closed to new replies.