Maybe someone can help me figure out how to lower opacity to a container, such as a navbar in my example but leave opacity at 100% for other objects. I have targeted the object, which is the menu-link and left it at 100% but it is reducing in opacity just like the container. I am very puzzled by this. I’ve wrote in the forums several times with other examples but have never had anyone explain in a way that clicks.
Coming from a background in Muse, obviously this is a different way of working. I understand that styles “cascade” but like I said, I am puzzled as to why styling the link separately isn’t doing what I want.
Yeah the background and I’ve trying to have it not effect the link. I’ve been trying figure this out since day one. I wish they’ve do a video tutorial.
I think theres a really simple answer if I am understanding correct. You can absolutely change the fill color of the navbar to be transparent without it affecting the links, do so in the fill color picker for the navbar, there is a transparency slider in that color picker, don’t use the transparency bar under effects
@Revolution can I ask why you don’t use the navbar widget on desktop - its just a section with links, basically a prebuilt section that will collapse to a mobile menu on mobile. Do you just end up having to structure things differently on mobile or? Just curious
Ahh, I see. I’ll have to go inspect it fully. I did notice that you applied a pixel value to the height. That could become problematic if one box grows and the other doesn’t. I’ll look further into that. Thanks again for your help!
Thats it, thanks! I had tried that already but must have had the wrong item selected. Can you believe that something so simple gave me such a hassle? If the staff would have just answered me with this answer the first time I wrote about this, it would have saved me so much time. From what I can tell, there isn’t any tutorial going over this and this is a very common styling technique for web design.
