Unresolved issues with transparency

  • Resolved DS1616

    (@ds1616)


    8 years, 8 months ago

    Following instructions given here I was able to change the colour but not the opacity.

    I followed instructions given here but no luck!

    Are you sure this way works?

    Secondly, I would also like to change the navigation’s height to maybe 80% of its current size.

    Thanks!

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

  • Hi..

    Please share your site URL and explain your issue.

    Thanks.

    Thread Starter DS1616

    (@ds1616)

    Hi…

    so I was able to solve the transparency issue, for others this is how I did it

    .navigation_menu {
    background-color: #ffffff;
    opacity: 0.9;
    }
    .header_section {
    background-color:#5c4b51;
    opacity:0.9;
    padding: 0px;
    }

    Now I would like to reduce the size of

    .navigation_menu

    and

    .header_section

    URL:
    https://debene-esse.co.nf/

    Hi..

    Please go to Admin Dashboard >> Appearance >> Customize >> Theme Options >> Theme General Options.

    Now copy below code and paste into custom Custom CSS Editor.

    .navbar-collapse {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.social {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.logo p{
margin-top:0 !important;
}

    Save the changes.

    Thanks.

    Thread Starter DS1616

    (@ds1616)

    Great it worked thanks. I’ll mark it as resolved.

    Most Welcome..

    Thanks..

    Finally I found a helpfull posting. I needed the same things as above which i have used but the problem is, I need the actual menu and dropdown menu background to not be transparent at all. Also the Footer of the website is blue and I would like it to match the rest of the homepage (brown) color.

    Website is here: https://www.jswholesaleinc.com/

    Custom CSS i am using is:

    .navigation_menu {
background-color: #ffffff;
opacity: 0.9;
}
.header_section {
background-color:#5c4b51;
opacity: .8;
padding: 0px;
}
.navbar-collapse {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.social {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.logo p{
margin-top:0 !important;
}

    Hi..

    Please add below css into custom css editor.

    .enigma_footer_widget_area {
    background: #5C4B51 !important;
}
.enigma_footer_widget_title a {
    color: #ffffff !important;
}

    Save the changes.

    Thanks.

    Thank you but What i really needed fixed more than anything is the main menu transparency. I would like the background color of the menu and dropdowns to be solid and not semitransparent.

    Thank you again.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Unresolved issues with transparency’ is closed to new replies.