Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 5, 2015 at 2:38 pm #406415
    Sasolini

    Hello,

    I would like to know how can i put a semi translucent background behind some text, buttons, and even contact form. As you can see on my page i have 3 columns and i would like to add a semi translucent background white background for each of this, but in a way there will still be some space in between each of them (so they are not touching and form a one big white block). Any idea how I could do this?

    March 5, 2015 at 9:38 pm #406690
    Elliott

    Hey Sasolini!

    Try adding this to a codeblock element in your page.

    <style type = "text/css">
.entry-content-wrapper .flex_column {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
  padding: 20px;
}
</style>

    If you only want it done for a few columns then nest the columns inside a color section and give the section an ID and use that in the CSS code instead.

    #yourID .flex_column {  }

    Best regards,
    Elliott

    March 8, 2015 at 4:12 pm #407676
    Sasolini

    Thank you Elliott, this works just as I wanted it.

    March 9, 2015 at 10:18 am #407951
    Rikard

    Hey!

    Great, glad we could help :)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.