transparency css

  • Resolved RedIndy

    (@redindy)


    13 years, 10 months ago

    I am trying to find a way to make my site’s background image visible somewhat through the posts, just enough to see that it is there and doesn’t obstruct the readability of the post text.

    I have very little understanding of CSS.
    I read some articles on this but did not understand where to put which code to get the wanted effect.

    So I hope there is some expert out there who can help a hand.

    Thanks in advance!
    RI.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Christine Rondeau

    (@crondeau)

    13 years, 10 months ago

    This style here –

    .hentry {
	background: #111;
	border: 1px solid #444855;
	border-radius: 7px;
	margin: 40px 0 30px;
	position: relative;
}

    is the main area under your content. Try changing the background colour of that.. try something like:

    background: rgba(0,0,0,0.5)

    The 0.5 is for 50% opacity, so you can play with that number.

    Thread Starter RedIndy

    (@redindy)

    13 years, 10 months ago

    So kind of you to try to help.
    I really have little understanding of CSS and am wondering now where to find the place to put this.
    “the main area under your content” , but where do I find that?

    RI.

    Thread Starter RedIndy

    (@redindy)

    13 years, 10 months ago

    I got it now after doing a lot of searching but finally got it working

    Tried different opacities, 0.5 is the best for keeping it readable!
    Looks great!
    But what I noticed is that it doesn’t seem to apply to the sidebar.
    Only the post or page area became transparent.

    Thanks for helping!

    RI.

    Christine Rondeau

    (@crondeau)

    13 years, 10 months ago

    That does look better. If you look some more in the stylesheet (line 868 according to Firebug) you’ll see a style for .widget.

    It also has a background colour, so you could do the same.

    Thread Starter RedIndy

    (@redindy)

    13 years, 10 months ago

    Found it and it works perfect!

    Thank you so much!

    RI.

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

The topic ‘transparency css’ is closed to new replies.