Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

[Support request] Setting Transparent Settings

Home Forums Support [Support request] Setting Transparent Settings

Home Forums Support Setting Transparent Settings

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #220908
    Damien

    Hi There

    I want to be able to set my nav bar, footer and content area with a black background which is semi transparent, so that the background image can be kind of seen through it.

    I know that there is no settings to do this within the customisation settings, but is there some CSS that will do this?

    Many thanks

    #220924
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    First you’ll want to remove any color values from these elements in the Customizer.

    Then you should be able to do this:

    .main-navigation,
    .separate-containers .inside-article,
    .one-container .container,
    .sidebar .widget,
    .site-footer {
        background: rgba(0, 0, 0, 0.5);
    }

    Hope this helps 🙂

    #221422
    Damien

    Hi There

    Many thanks for that.

    That all worked except that the background for the blog sidebar elements dont have the same transparent background.

    Also, when accessing the website via a mobile, the backgrounds dont appear at on any of the areas as they do when accessing the site via a desktop.

    Any ideas?

    Many thanks for you help.

    #221475
    Tom
    Lead Developer
    Lead Developer

    I just adjusted the CSS to include sidebar widgets.

    Can you link me to your site so I can check on mobile?

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.