I want to make my Content Background opaque instead of solid. How?

  • Author
  • #1169990


    I am extremely new to wordpress and CSS code, I would like to make my template opaque instead of solid.

    My site is DestinyMultiplayer.com

    It is a gray-ish color right now, I would like it to be semi-transparent so I can kind of see the background but still read the text written.

    I need baby-steps for instructions, I am very new, but learn fast,

    I’m using WordPress 2012 theme, thanks so much for the help.

    The blog I need help with is destinymultiplayer.com.



    The blog you specified at destinymultiplayer.com does not appear to be hosted at WordPress.com.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

    If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

    This is an automated message.



    We cannot help you here as this forum is only for free hosted WordPress.com blogs. Support for your website software and any advice you need are provided on the WordPress.org support forums and they are here http://wordpress.org/support/ If you don’t have a username account at WordPress.org, click that link and register one on the top right hand corner of the page that opens, so you can post to the correct support forums for your software.



    Hi destinytips. Looking at your blog, it seems you’ve found the solution to your problem by using the CSS opacity property.

    The opacity property will work with most modern browsers. However, to make sure the background appears semi-transparent to users of older versions of Internet Explorer, I recommend that you add the following two extra lines of code (appearing below in bold):

    #container {
    padding-bottom: 20px;
    background: #222;
    box-shadow: 0 0 10px #000;
    opacity: 0.8;
    zoom: 1;
    filter: alpha(opacity=50);

    These two extra lines should ensure complete cross-browser compatibility for your site. :)



    PLEASE do not provide support to WordPress.ORG users on the WordPress.COM support forums.

    We already have 30% of those posting here who do not even belong here. Do NOT encourage them to return to the wrong support forum again.

    Go to WordPress.ORG support forums and volunteer there please if that’s your thing.






    Good bye and please do NOT return here again for WordPress.org support.



    Destinytips – you’re welcome.

    Timethief – thanks for your posts. The user had already been made aware that there was a separate forum for self hosted users twice in this thread. Additionally, the actual issue was not specific or relevant to hosting in any way. It was something that any user of WordPress could have experienced. Therefore, in this instance, I do not see any harm in the advice I offered.

    I view this forum is a friendly, supportive environment for all lovers of WordPress. However, I understand your concerns and will take them on board for the future.



    I did not say you caused harm. I asked you not to encourage those who have WordPress.org blogs to return here byy answering their questions.

    WordPress.com bloggeres pay for CSS Upgrades and all CSS editing is theme specific. Many themes here are adapted to run on this software.

    Thank you for understanding my concerns. Given how many unanswered WordPress.com support questions there are https://en.forums.wordpress.com/view/no-replies and the number of unanswered CSS Forum thread there are https://en.forums.wordpress.com/forum/css-customization it’s my opinion that the last thing we need is more WordPress.org bloggers posting for CSS editing help here.

The topic ‘I want to make my Content Background opaque instead of solid. How?’ is closed to new replies.