wehearyou

Hi! Thanks for responding, I actually sent you a direct message this morning. I mean every button, some buttons respond the correct way until I return to the homepage again, after that they show an outline again. The button(s) should turn completely orange: #ffa500 with white lettering and no outline or border color. This is what the code looks like at the moment: /* CSS FOR MEDIUM BUTTON */ .sqs-block-button .sqs-block-button-element--medium:hover { background-color: #ffa500!important;//button color// color: #FFFFFF!important;} .sqs-block-button .sqs-block-button-element--medium:hover {border-color: #FFFFFF00;} /* CSS FOR ABOUT BUTTON */ .sqs-block-image .image-block-outer-wrapper.design-layout-card .image-button a:hover{background-color:#ffa500 !important;} .sqs-block-image .image-block-outer-wrapper.design-layout-card .image-button a:hover {color:#FFFFFF !important;} .sqs-block-image .image-block-outer-wrapper.design-layout-card .image-button a:hover{border: 0,5px solid;} .sqs-block-image .image-block-outer-wrapper.design-layout-card .image-button a:hover {border-color: #FFFFFF00; } /* CSS FOR HEAR US BUTTON */ .sqs-block-image .image-block-outer-wrapper.design-layout-collage .image-button a:hover{background-color:#ffa500 !important;} .sqs-block-image .image-block-outer-wrapper.design-layout-collage .image-button a:hover {color:#FFFFFF !important;} .sqs-block-image .image-block-outer-wrapper.design-layout-collage .image-button a:hover{border: 0,5px solid;} .sqs-block-image .image-block-outer-wrapper.design-layout-collage .image-button a:hover {border-color: #FFFFFF00; } /* CSS FOR CONTACT BUTTON */ .form-wrapper input[type=submit]:hover { background-color: #ffa500!important; } .form-wrapper input[type=submit]:hover {color:#FFFFFF !important;} .form-wrapper input[type=submit]:hover{border: 0,5px solid;} .form-wrapper input[type=submit]:hover {border-color: #FFFFFF00; } .button.sqs-system-button { font-weight: 600 !important; } Like I said, I have some more code going on in media players etc. Hope you can help!

Site URL: https://dalmatian-beige-gyp8.squarespace.com password: why Hi! I recently opened a new treat but think it belongs here at second thought. I've got some color changes going on in css when hovering over a button, which works fine when in editing mode but gets ignored when viewing live. .sqs-block-image .image-block-outer-wrapper.design-layout-card .image-button a:hover{background-color:#ffa500 !important;} .sqs-block-image .image-block-outer-wrapper.design-layout-card .image-button a:hover {color:#FFFFFF !important;} .sqs-block-image .image-block-outer-wrapper.design-layout-card .image-button a:hover{border: 0,5px solid;} .sqs-block-image .image-block-outer-wrapper.design-layout-card .image-button a:hover{border-color:#FFFFFF00 !important;} .sqs-block-image .image-block-outer-wrapper.design-layout-collage .image-button a:hover{background-color:#ffa500 !important;} .sqs-block-image .image-block-outer-wrapper.design-layout-collage .image-button a:hover {color:#FFFFFF !important;} .sqs-block-image .image-block-outer-wrapper.design-layout-collage .image-button a:hover{border: 0,5px solid;} .sqs-block-image .image-block-outer-wrapper.design-layout-collage .image-button a:hover {border-color:#FFFFFF00 !important;} .form-wrapper input[type=submit]:hover { background-color: #ffa500!important; } .form-wrapper input[type=submit]:hover {color:#FFFFFF !important;} .form-wrapper input[type=submit]:hover{border: 0,5px solid;} .form-wrapper input[type=submit]:hover {border-color:#FFFFFF00 !important;} .button.sqs-system-button { font-weight: 600 !important; } It's about the border colors of every button, the transparant color (#FFFFFF00) gets ignored and I don't know what I'm doing wrong. Looks like some other part gets prioritized over it which seems to be likely cause i've got a lot of "!importants" going on but I don't know. Just getting into this btw, not experienced at all. There's more css going on above all of this which is: .image-overlay { background: transparent !important; } /* Align left homepage */ .homepage .image-title-wrapper * { text-align: left !important; } #block-yui_3_17_2_1_1617696228898_38030{ .sqs-widgets-audio-player .title-wrapper .title{color: white!important} .sqs-widgets-audio-player .action .play-button {border-left-color: white!important} .sqs-widgets-audio-player .action .pause{border-color: white!important} .sqs-widgets-audio-player .action {background:#ffa500!important} .sqs-widgets-audio-player .artistName {color: white!important} } #block-959bc4a27925d32831d7 { .sqs-widgets-audio-player .title-wrapper .title{color: white!important} .sqs-widgets-audio-player .action .play-button {border-left-color: white!important} .sqs-widgets-audio-player .action .pause{border-color: white!important} .sqs-widgets-audio-player .action {background:#ffa500!important} .sqs-widgets-audio-player .artistName {color: white!important} } #block-d45e19c80257ff6765eb { .sqs-widgets-audio-player .title-wrapper .title{color: white!important} .sqs-widgets-audio-player .action .play-button {border-left-color: white!important} .sqs-widgets-audio-player .action .pause{border-color: white!important} .sqs-widgets-audio-player .action {background:#ffa500!important} .sqs-widgets-audio-player .artistName {color: white!important} } .image-caption-wrapper { background: #black !important; opacity: 1 !important; } footer.sections * { text-decoration: none; background-image: none !important; }