Support » Themes and Templates » Adding Transparent Layer to Blog Background

  • Resolved alexcrockett

    (@alexcrockett)


    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • esmi

    (@esmi)

    Forum Moderator

    Edit 001.css:

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

    and add background:#000;.

    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.

    esmi

    (@esmi)

    Forum Moderator

    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.

    alexcrockett

    (@alexcrockett)

    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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adding Transparent Layer to Blog Background’ is closed to new replies.