bawebb123

Website: https://impala-plantain-nen3.squarespace.com/ Password: opp I want to recreate a hover effect for my website's buttons similar to this website: https://www.chilipiper.com/ Here is the current code I have for my buttons: //beginning of button CSS .sqs-block-button-element { display: inline-block; border-radius: 10rem; color: #fff; text-transform: uppercase; font-size: 1rem; letter-spacing: 0.15rem; transition: all 0.3s; position: relative; overflow: hidden; z-index: 1; background: none; border: none; } .sqs-block-button-element:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #2DACDB, #0cf); z-index: -2; } .sqs-block-button-element:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: #1D386E; transition: all 0.3s; z-index: -1; } .sqs-block-button-element:hover { color: #fff; } .sqs-block-button-element:hover:before { width: 100%; } //end of button CSS

Hey @tuanphan, when I go to paste the code, it says there's a syntax error in the following line: width: calc(!"50% - 20px") !important;

Nevermind about centering the images withing the section. I found code to make it work. However, the mobile code to show the people in two columns does not work still and I'll need help. Thanks

@tuanphan I added people to my "Meet the Deal Team" section. Can you amend the code so the bottom 4 people are centered on desktop? Also, I think the mobile code needs to be fixed. They should be displayed as: EL MC JM MR AK MP JA CC RP https://oakpointpartners.com/corporate-remnants

Site URL: https://oakpointpartners.com/corporate-remnants I have code that spans 5 image blocks across a screen that I like having on desktop //Full span 5 image blocks @media screen and (min-width:767px){section[data-section-id="623a4543be9cf7660e3aef87"] { .sqs-col-3, .sqs-col-2 { width: 20% !important; } }} However, on mobile, all images and text blocks stack on top of each other. Is there a way to display the images in two columns? Ex below: XX XX X ------------------ Also, separate question. Is there a way to display a different favicon for one specific webpage?

Site URL: https://oakpointpartners.com/ I want to recreate a similar hover reveal to this website: https://www.domo.com/solution/overview I like the smooth transitioning and how the title never leaves. It just slides to the top. I also like hover hovering over the blocks adds a drop shadow. Any ideas to get started with creating this? https://oakpointpartners.com/oak-point-remnant-asset-case-studies I'm currently playing around and have currently done the following: On hover the first image transitions to a second image I have added a drop shadow I still would like help on figuring out how to mimic the upwards scrolling action of the example provided below. I would like the title to scroll up and the bottom to reveal new text