dustinandjessica
Member-
Posts
8 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
dustinandjessica's Achievements
-
tuanphan reacted to a post in a topic: Changing the font of one section in Squarespace - HELP!
-
Changing the font of one section in Squarespace - HELP!
dustinandjessica replied to bsturc's topic in Customize with code
Thank you so much!!! You are the G.O.A.T. tuanphan ! -
dustinandjessica started following Changing the font of one section in Squarespace - HELP!
-
Changing the font of one section in Squarespace - HELP!
dustinandjessica replied to bsturc's topic in Customize with code
Hi everyone, Sorry to resurrect an old thread, but I am trying to use the code provided in this post and having trouble. The goal is to change the font of specific sections of one page of my website. The font I would like to change to is called "Adobe Handwriting Ernie" which is supported by squarespace. Here is the page in question: https://www.bullmarketcreative.com/wedding-films I placed this code in the CSS area of 'Website Tools' but with no success: #block-ab950f4d82666231626e { font-family: Adobe Handwriting Ernie !important; } If I can get this to work for one block I will just copy/paste to apply the same effect to certain other blocks on the page. Thank you for reading!! -
dustinandjessica reacted to a post in a topic: Changing Shopping Cart Page
-
THANK YOU TUAN!!! It looks beautiful 😎
- 60 replies
-
- shopping-cart
- sizes
-
(and 1 more)
Tagged with:
-
dustinandjessica reacted to a post in a topic: Changing Shopping Cart Page
-
That did it! Thank you Paul! While I have you here, do you mind if I ask one more question about the cart page? Is it possible to create a border around the cart area similar to what I have done in the attached photo? I think I have seen it on other peoples' square space pages.
- 60 replies
-
- shopping-cart
- sizes
-
(and 1 more)
Tagged with:
-
Hi Paul, Thank you for looking into this issue. I pasted the code into my Custom CSS area but the X's are still black. If you add something to your cart from this page, then go to the cart, are they black for you also? https://www.theblissboxstore.com/what-kind-of-bliss
- 60 replies
-
- shopping-cart
- sizes
-
(and 1 more)
Tagged with:
-
Is it bad to revive old questions on this forum? Or is it preferred to piggy back here if I have a similar question? I am trying to change the color of these black X's on the shopping cart page but I can't find where to adjust this color.
- 60 replies
-
- shopping-cart
- sizes
-
(and 1 more)
Tagged with:
-
Beyondspace reacted to a post in a topic: CSS - 'Animated Button Gradient' not working
-
CSS - 'Animated Button Gradient' not working
dustinandjessica replied to dustinandjessica's topic in Customize with code
Thank you! It is fixed! You are an angel. -
Beyondspace reacted to a post in a topic: CSS - 'Animated Button Gradient' not working
-
Site URL: https://www.theblissboxstore.com/ Hello everyone, I am trying to implement this cool animated gradient effect that I copy/pasted from Ghost Plugins (link to that effect tutorial: https://www.ghostplugins.com/steps/8gh27ngh) however, when I paste the code into my Design --> Custom CSS box, nothing seems to happen. The only button on my site that I am trying to affect by the way is the "create" button on my home page. Here is the totality of what I currently have inside my Custom CSS box. You'll see there are some other effects in there. /* bliss font */ div#block-yui_3_17_2_1_1610655915491_8117 h3 em { font-family: 'Lionness' !important; font-size: 150px; } /* checkout button */ .checkout-button { background-color: hsl(11, 33%, 75%) !important; } /* section gradient */ article .section-background { background-color: #1fc8db; background-image: linear-gradient( 140deg , #2c2d30 0%, #2c2d30 50%, #0c0d0d 75%); } /* Animated Gradient Button */ .sqs-block-button .sqs-block-button-element--small { background: linear-gradient(-45deg, #53D6FF, #666BE1, #E45372, #F07C63); background-size: 400% !important; -webkit-animation: Gradient 10s ease infinite !important; -moz-animation: Gradient 10s ease infinite !important; animation: Gradient 10s ease infinite !important; } // Animation Keyframes // @-webkit-keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } Thanks in advance!