Opacity for Sticky Menu

  • Resolved Lu

    (@lucidplant)


    6 years, 7 months ago

    Hi, I am wanting my stick menu to have an opaque background. As of now the text will overlap text in articles, headers, etc. I’d like to make a white opaque background to look more professional.
    I saw that @sanff had some CSS code to fix an opacity problem for someone, but when I inserted the code into different areas I could not get anything to change. What CSS should I include and where?
    I am using the theme Radcliffe.
    Thank you,
    Lu

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Senff – a11n

    (@senff)

    6 years, 6 months ago

    Try adding the following CSS code:

    .element-is-sticky {
	background:rgba(255,255,255,0.8);
}
    Thread Starter Lu

    (@lucidplant)

    6 years, 6 months ago

    Thank you for getting back to me. I added this code in the “Additional CSS” tab for customizing the theme I use. Is this the correct location? It did not do anything, so I’m thinking I have the wrong location.

    Thread Starter Lu

    (@lucidplant)

    6 years, 6 months ago

    Sike! It added a semi transparent white background. It still disappears under the Featured Image, but maybe that is unavoidable? Thanks anyways.

    oiler

    (@eulerarthur)

    6 years, 5 months ago

    Hi, I’m trying the same thing and this code doesn’t work.

    Senff – a11n

    (@senff)

    6 years, 5 months ago

    @eulerarthur Please create a new thread for your issue. Don’t forget to include a link to your site! 🙂

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

The topic ‘Opacity for Sticky Menu’ is closed to new replies.