Page dropping shadow around content

  • Resolved Emil

    (@qu1em)


    13 years, 4 months ago

    Is it possible to frame the content within a page dropping a shadow like in a lot of themes e.g. Twenty Twelve (this)? I can’t figure it out in this theme.

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 4 months ago

    You can accomplish this with CSS3.
    Here’s a CSS3 generator http://css3generator.com/ .
    Select ‘Box Shadow’ from the dropdown list.

    Thread Starter Emil

    (@qu1em)

    13 years, 4 months ago

    Thank you but the problem is that I can’t figure out how to implement that into the theme. It doesn’t have anything wrapped around the header, content and footer I think.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 4 months ago

    Does that theme come with a section in the dashboard named, “Jetpack” or “Custom CSS”?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 4 months ago

    Try some CSS like this, within your Child Theme stylesheet or Custom CSS plugin;

    .container_12,
.container_16 {
 overflow: hidden;
 -webkit-box-shadow:  0px 0px 5px 2px #333333;
 box-shadow:  0px 0px 5px 2px #333333;
}

    If you’re not using a Child Theme or Custom CSS plugin, try this http://wordpress.org/extend/plugins/custom-css-manager-plugin/

    Thread Starter Emil

    (@qu1em)

    13 years, 4 months ago

    Thank you it worked and thanks for the link! I was planning on using a child theme and I was looking for a plugin for that 🙂

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

The topic ‘Page dropping shadow around content’ is closed to new replies.