Fat_Bird_Creative
-
Posts
8 -
Joined
-
Last visited
Fat_Bird_Creative's Achievements
Level 3 (3/20)
1
Reputation
-
Kimmunic8 reacted to a post in a topic:
How do you add Image Alt Text to Section Backgrounds?
-
How do you add Image Alt Text to Section Backgrounds?
Fat_Bird_Creative replied to KickinGa's topic in SEO
I too have just come across this issue. Bump -
Replace header mobile logo on one page
Fat_Bird_Creative replied to Fat_Bird_Creative's topic in Customize with code
Thank you @tuanphan, you've done it again. -
https://www.fatbirdcreative.co.nz/book-call Sorry if this has been asked before, I tried searching but couldn't find the answer. I'm looking to replace the header mobile logo on this one page. I know how to do it on desktop but not mobile.
-
Thanks @tuanphan you solved it!
-
@tuanphan So sorry, I thought I did, but must have forgot to paste! Its https://www.pocketdigital.online/
-
I have two questions, but they may be linked. First Question: I have a code block for a rotating "let's chat" on the home page. However, the circle distorts depending on the screen size. How do I lock it in a circle? <a href="/contact"><center><img src="https://static1.squarespace.com/static/62a06f7de4500f5c95bd5f24/t/6434a57aada4621387b238a8/1681171834706/Pocket+Digital_LetsChat.png" class="rotate" width="170" height="170" /> </center></a> <style> .rotate { animation: rotation 8s infinite linear; } @keyframes rotation { from { transform: rotate(359deg); } to { transform: rotate(0deg); } } </style> Second Question: Also on the home page, I have an ifram that pops out of the frame depending on the screen size (which results in it going over the textblock). How do I lock this down so it scales better? <iframe src="https://player.vimeo.com/video/818621743?h=79c21bc738" width="340" height="564" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
-
Text is cut off at the bottom
Fat_Bird_Creative replied to Fat_Bird_Creative's topic in Customize with code
@tuanphan Thanks Tuanphan, your amazing! -
Hello, on my home page (https://www.fatbirdcreative.co.nz/) I have a text animation that cuts off the g. Does anyone know a code to extend the view box? Here is the code I'm using: <html> <head> <style> .button2{ background-color: #00939f; border: none; color: white !important; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 50px; } .button1{ background: -webkit-linear-gradient(to right, #66c0cc, #00939f); background: linear-gradient(to right, #66c0cc, #00939f) !important; border: none; color: white !important; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 50px; } .fadeIn {font-family: 'Snicker-Bold'; margin: 1px; display: inline; } </style> </head> <body> <div class="sec-rev-data" style="background: #ffffff; color:#000000; padding:40px; border-radius: 0px;"> <h1>Hi, I'm Fat Bird Creative – a freelance graphic designer that creates <br> <div class="fadeIn"> <span>branding</span> <span>illustrations</span> <span>logos</span> <span>websites</span> </h1> <p></p> <a href="/contact" class="button1">START A PROJECT ➜</a> <a href="/work" class="button2">VIEW WORK ➜</a> </div> </body> </html>
