How to add semi-transparency to a content area?

  • Resolved Garrlock

    (@garrlock)


    8 years, 3 months ago

    Alright. I have tried some low-tech tactics, but all have failed. Last time I asked, I added these lines
    ( #featured {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #a91e22;
    border-radius: 4px;
    padding-bottom: 40px;
    width: 99.893617021277%;
    } )
    into Custom CSS. But it did nothing. Apparently, because new theme (Sidney instead of Responsive) takes all colour management into its hands, therefore scrapping that last attempt. Can you give me some advice about this matter? Maybe, I can change colour settings of Sidney into RGBA instead of RGB?

Viewing 3 replies - 1 through 3 (of 3 total)

  • You could override css rules with !important tag, but it’s not very clean.

    Like try: background-color: rgba(255, 255, 255, 0.9) !important;

    Thread Starter Garrlock

    (@garrlock)

    @digico Paris
    Well, that didn’t work. As I said, I used this code because it overwrited bg setting in the style.css. The thing is, that setting is no longer in there. I have been inspecting the page with WebTools, and that style.css A: has a different version versus the example website ( https://salutberlin.de ) that I used to dig out the secret of transparency from, and B: had no #featured in there AT ALL. Perhaps, Sydney theme is overwriting it.

    Thread Starter Garrlock

    (@garrlock)

    Alright. This exact wuestion is done. Now only the detail is bothering me, so it will be asked separately.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to add semi-transparency to a content area?’ is closed to new replies.