Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 29, 2018 at 3:48 am #1015966
    bobfurgo

    Hi guys. I have an “apply now” button in the top right hand corner in the header of my site. It looks like the opacity is not set to 1 because it’s a little gloomy looking, especially noticeable when hovering over it. I can’t find the css selector to change this opacity setting, could someone please help?

    Thanks

    September 29, 2018 at 5:32 pm #1016103
    Victoria

    Hey bobfurgo,

    Can you disable caching and minification for now?

    Best regards,
    Victoria

    September 29, 2018 at 6:49 pm #1016128
    bobfurgo

    Hi Victoria! The staging area shouldn’t have any caching so it may be the browser cache. Also, I had set the opacity to 1 in the css but it doesn’t look like it’s actually being applied to the right area. You’ll notice that if you hover over the button the white in the text looks a bit grey.

    September 30, 2018 at 10:55 pm #1016357
    bobfurgo

    Hello! Just wanted to follow up on this. Thanks :)

    October 1, 2018 at 6:53 am #1016430
    Ismael

    Hi,

    The opacity is already set to 100% or 1.

    #header .avia-button, #header .av-menu-button > a .avia-menu-text {
    border-color: #ff7337 !important;
    color: #ff7337 !important;
    transition: 0s !important;
    font-family: montserrat !important;
    opacity: 1 !important;
}

    Best regards,
    Ismael

    October 1, 2018 at 7:19 am #1016441
    bobfurgo

    Hi Ismael,

    I know, there is something else that’s affecting the opacity and I cannot locate it.

    October 2, 2018 at 7:07 am #1016906
    Ismael

    Hi,

    For testing purposes, if it is a little gloomy or pale then it should be slightly visible when you apply this css code but it’s not so it is in the right color.

    #top .av_header_transparency #header_main, #top .av_header_transparency .avia-menu.av_menu_icon_beside {
    border-color: transparent;
    background-color: #ff7337;
}

    OR maybe you need to adjust the color a bit.

    
#header .avia-button, #header .av-menu-button > a .avia-menu-text {
border-color: #f26122 !important;
color: #f26122 !important;
transition: 0s !important;
font-family: montserrat !important;
opacity: 1 !important;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.