Pimlico6ix

I am trying to make a custom button for my website. Website: https://www.ecoflame.ca/ The buttons I am tempering with are on the landing page of the website. Here's the CSS code I am trying to inject: https://uiverse.io/shah1345/spicy-liger-32 I am replacing all ".button2" with .sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element OR simply ".sqs-block-button-element" The result is janky. The resulting button shows the current and the intended hover effect at the same time. I am using the "Custom CSS" menu to do that. What am I doing wrong here?

All three versions of the code do not work at all for me. I am on 7.1 and I only managed to remove the logo completely from the website (desktop and mobile). Inspect in Chrome shows that no matter the screen resolution, the website treats logo as "header-title-logo" and it is used for both desktop and mobile. Would you know how to fix it? Link: https://www.ecoflame.ca/store/p/el-camino-24-2es64-6mnh2-gwfnb

Hey, I am trying to set the header to have no background, only navigation buttons. Dynamic layout of the header lets me do so, apparently on every page, except for a product page, which would look nice, given that I have 16:9 product pictures and a "Full" style of the product page layout. Is there a piece of code for the custom CSS section that will fix that issue?