Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #6291

    Hi, I did not notice you prefer posts here; so there is a double one on TF, sorry for that.

    I’m working with the minimal content only on the whole page and would like to set the background-color white to opacity 60%

    I was not able to; if I set the .box to .6 then ALL boxes, including sidebar are transparent including the written content. I would prefer to set a transparent .png as background-img to the minimal content area only; whatever div I touched, it never worked out. Any solution for that? Thanks in advance

    -katharina

    just one more: is the a chance to enlarge font-size in the quick-css admin area; its all greyish and tiny small: very hard to read/edit; there are silver-surfers around these days, you know? ;)

    #53619

    Hey,

    I think in your case you can use following css code to add a semi transparent png image:

    .entry-mini .box{
    background: url("images/my-transparent.png");
    }

    #53620

    Wow – such a support. On a sunday! Thanks, your suggestion works out perfect.

    -katharina

    #53621

    Glad that I could help you :)

    #53622

    Hi, does the .PNG needs to have a special size, what is the best size?

    Is there any other way to get a semi transparent background for the mini content box?

    #53623

    Hi,

    it is suggested you don’t use a very large image, usually designers make the transparant image 1px wide and as high as their content will be. Of course you have to make your .PNG image a little transparant to achieve your transparency effect, unless you plan on using opacity through CSS. This way you can repeat-x, like this:

    .entry-mini .box{
    background: url("images/my-transparent.png") repeat-x;
    }

    These are the only ways to add a transparent background through CSS.

    #53624

    Hello,

    When I use the mini content layout it works fine but I am using default layout big and I can’t make it correct. When I am using

    .content {

    background-image: url(“/wp-content/themes/flashlight/images/skin-minimal/bg-trans.png”) !important ;

    }

    I see a transparent image but it is behind a white box with my content. How can I solve this?

    Thanks a lot!

    #53625

    You don’t have to use png, take a look at my site

    This is the code I’m using for the sidebar

    .box {background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3) !important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000); zoom: 1;}

    the part with “filter” is for internet explorer

    #53626

    Yes – that’s a good solution too however it’s not supported by all browsers (css3 code).

    #53627

    True, I’ve only tested it in chrome, ie7,8,9, firefox, safari, iphone and ipad (should work on android).

    #53628

    Hi, I am capable of making a .png in photoshop, but dont really know how the rest of this works.

    What size do i need to make a .png to make the flexible width gallery background transparent? I have not altered any of the original themes scaling.

    Also, I use the dark skin and i have found the .css file, what would i need to add to the file to have it see the new background please?

    thanks in advance.

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Background color minimal content’ is closed to new replies.