WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Adding Transparent Layer to Blog Background (5 posts)

  1. alexcrockett
    Member
    Posted 3 years ago #

    The theme I am using has the option of having an image or flv background for the posts. I like this facility. However, in some places the contrast between the text and the background makes the text feel illegible. I'd really like to add a darker layer between the text and the background to bring the text out a bit but don't know what or where to add the code. I've tried playing with the CSS file as it is.

    Any help would be much appreciated. If anyone is able to help My site is http://alexandercrockett.com and the best example of what i mean is on the following page http://alexandercrockett.com/2010/08/working-with-flows-architectures/

    Again, any help would be much appreciated!!!

    Thank you.

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    Edit 001.css:

    .content {
    height:100%;
    line-height:18px;
    position:absolute;
    right:0;
    top:0;
    width:530px;
    }

    and add background:#000;.

  3. alexcrockett
    Member
    Posted 3 years ago #

    esmi,

    Thank you for the code. Tried the change. Glad to have found where I need to edit code. MUCH APPRECIATED!!!

    I'm playing with it as I'd like to make the background block of color transparent also without making the content (text, images etc.) transparent. No luck there yet. But seeing where to add/change the CSS was really useful.

    The problem I now have is that I tried adding some lines for opacity but it was making all the content transparent. Any thoughts ideas tips etc - mighty appreciated.

    Again - Thank you for the help.

  4. esmi
    Forum Moderator
    Posted 3 years ago #

    Glad I could help. :-)

    You could try adding a semi-transparent .png image to the content background but that wouldn't work effectively in IE7 or below (you would get solid color in the older browsers). Another trick is to create a 4 pixel .gif file for the background with alternate pixels transparent or opaque. That should work in even the older browsers.

  5. alexcrockett
    Member
    Posted 3 years ago #

    Thank you for all the help. I did a bit of a cheat. I now have a flv file running in the background. Makes the content show the way i want it to.

    Good though though. !!! Thank you

Topic Closed

This topic has been closed to new replies.

About this Topic