How to make transparent content area?

  • Resolved Garrlock

    (@garrlock)


    8 years, 8 months ago

    Greetings.
    My website requires that text must be placed not on white backing content area, but a transparent one, so that background will be always visible. Unfortunately, I have found no working solutions. I have tried adding ” #wrapper { background: transparent; } ” into both “Custom CSS” parts of my dashboard (Installed Custom CSS plugin), but it worked not. Can anyone help me with that matter?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    please post a link to your site

    Thread Starter Garrlock

    (@garrlock)

    Okay. Here it is.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    in your CSS change this

    #featured {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding-bottom: 40px;
    width: 99.893617021277%;
}

    to this

    #featured {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: inherit;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding-bottom: 40px;
    width: 99.893617021277%;
}
    Thread Starter Garrlock

    (@garrlock)

    Added bottom code into the Custom CSS. It worked, but only with the main part. Vidgets remain the same. I suppose that for more ebbect I should make similar changes in actual .css files. Can you suggest anything on that matter?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    you’ll need to look at the widgets with your browser’s inspector/developer tools, but yes, you want to make similar changes.

    Thread Starter Garrlock

    (@garrlock)

    Well, I ADDED a code into a dashboard sub-menu called Custom CSS. Which files must I modify for permanent changes?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    That should be sufficient.

    Thread Starter Garrlock

    (@garrlock)

    Alright. Then only one last question remains: what about other pages (for example, sample page)? They must have exactly the same part of the code that is responsible for non-transparent background, but the sample page remained unchanged.

    I promise that I will be done after that one.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Keep inspecting ??

    That content sits in the div with ID #wrapper

    Thread Starter Garrlock

    (@garrlock)

    Got it. I think now I have enough knowledge. Thanks a lot!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How to make transparent content area?’ is closed to new replies.