• Resolved dmd54

    (@dmd54)


    Hi – I am trying to remove the opacity and add a drop shadow in the header of a website, them Sdney.

    https://manymuttssf.com

    I know this is a css issue but maybe someone can help. I have added this drop shadow as well as changed the bg opacity to 1 in both the main css file and in custom css. neither method works but when i inspect it in firefox developer tool the css is applied.

    -webkit-box-shadow: 0px 3px 8px 1px rgba(102,101,102,1);
    -moz-box-shadow: 0px 3px 8px 1px rgba(102,101,102,1);
    box-shadow: 0px 3px 8px 1px rgba(102,101,102,1);

    thanks for any help

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter dmd54

    (@dmd54)

    … above css applied to

    .site-header .float-header
    Shivani-Rana

    (@shivani-rana)

    will you please explain it clearly. may be i can help. if possible send a sccrenshot

    iscato

    (@iscato)

    We will need a detailed explanation with screenshots.

    Aside that i suggest u that in your website, on the footer widget services, it is not necessary nor pretty to put san francisco at the end of them all

    Thread Starter dmd54

    (@dmd54)

    Here is a link for the screenshot. I have entered the css that should be applied for the desired drop shadow to the “float header”. Outside of that I want to remove the opacity from the header itself.

    https://grab.by/MbwO

    Thanks.

    Thread Starter dmd54

    (@dmd54)

    OK – I figured out the drop shadow but still having trouble removing the opacity from the header background color. If you have any suggestions please let me know.

    thanks

    iscato

    (@iscato)

    it may seem a stupid question but u tried opacity=0; ?

    Thread Starter dmd54

    (@dmd54)

    @iscato – yes, the opacity should be 1 to not have transparency added.

    opacity: 1;

    the thing i can’t figure out is if i change it to any lesser amount, such as .1, .2, .3 etc. it works but with 1 it does not.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change opacity menu’ is closed to new replies.