StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Opacity on Agency Pro child theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Opacity on Agency Pro child theme

This topic is: not resolved

Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 5, 2015 at 1:38 am #136088
    slinha
    Member

    I'm building a landing page using the Agency Pro child theme and I need to have the home-middle and primary sidebar areas with a transparent (around 50%) white background instead of the opaque white background that it comes with. How can I do it? Can you help me?

    Thank you!!

    January 5, 2015 at 6:15 pm #136142
    David Chu
    Participant

    Hi,
    I've added opacity to the following 2 bits of CSS. Those examples should get you started. Notice how I'm using a scale of zero to one, not a percent figure, so .5 gets you 50%. Check contrast carefully, as opacity can be really tricky. Make sure content is readable. Adjust to taste.

    .sidebar .widget {
  background-color: #FFF;
  opacity: .5;
  border-radius: 3px;
  margin-bottom: 40px;
  padding: 40px;
}

.home-middle {
  padding: 10% 0 5%;
  opacity: .5;
}

    Cheers, Dave

    Dave Chu ยท Custom WordPress Developer – likes collaborating with Designers

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.