lindsayvacek Posted August 25, 2023 Share Posted August 25, 2023 Hello! Ok.. this one is a lil tricky (well, probably not for you pros!) I'm trying to figure out how to change the font for product blocks that are listed in the "Additional Info" within a product page Page: https://www.diveguideschannelislands.com/store/p/weekend-dive-trip-with-guide Password: goldfish It's defaulting to the sites overall h1, h2, etc but I want to actually make it look like the attached Any help appreciated! Thank you! Link to comment
Solution DPruitt Posted August 25, 2023 Solution Share Posted August 25, 2023 (edited) This inserting this into CUSTOM CSS: .ProductItem-additional .product-title {font-size: 25px !important; text-decoration:underline} .ProductItem-additional .product-price {font-size: 18px !important;} .ProductItem-additional .product-excerpt p {font-size: 18px !important;} .ProductItem-additional .sqs-add-to-cart-button {color:#ffffff !important; background-color:#000000 !important; border-radius:0px !important;} .ProductItem-additional .product-block .product-quantity-input input {padding-left: 3px !important; padding-right: 3px !important; padding-top: 3px !important; padding-bottom: 3px !important;} Edited August 25, 2023 by DPruitt Added code lindsayvacek 1 Link to comment
lindsayvacek Posted August 25, 2023 Author Share Posted August 25, 2023 yesss, that helped! thank you! is there a way to set the add to cart button to be a black block with white text (instead of the outline pill) and also make the quantity border smaller also? Link to comment
DPruitt Posted August 25, 2023 Share Posted August 25, 2023 Updated the code to include the button style change and the quantity input to be smaller by adjusting the padding. Feel free to mark as a solution if everything works correctly for you! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment