Asiya
-
Posts
65 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by Asiya
-
-
On 12/25/2021 at 7:50 AM, tuanphan said:
This code will remove butotn & pass button link to image link.
If you want image clickable + Keep button, you can add a text link in Description, then we will give the code to pass link from description to image.
Hi, how to add a text link to dscription?
here is my website link:
https://flower-toucan-p5d7.squarespace.com/
I ahve my lists on first page with section titles as services. I added your code which removed the buttons. I am unable to understand how to add text links to descriptions. can you please help?
Thank you
-
-
On 2/22/2021 at 1:20 PM, tuanphan said:
Yes. some CSS work on editing mode only.
EG. If you use CSS background image with this url format "/s/image.png" it won't work. >>> Need to change to fullurl. Something like this: yourdomain.com/s/image.png
Hi Tuan, I have an issue with my site. any css I apply to it does not work. its wiered, can you help. here is the url:
-
On 3/26/2022 at 11:37 AM, tuanphan said:
Don't remove any code in your current code. Add this to bottom of Code Block
<style> ul.t-social a[href*="opensea"]:hover img { content: url(https://cdn.pixabay.com/photo/2022/03/16/06/18/bird-7071662__480.jpg); } </style>
replace pixabay url with pink icon url
thank you so much
-
7 hours ago, tuanphan said:
What is hiver effect? You mean hover effect?
yes hover effect
-
10 hours ago, tuanphan said:
Edit this code
.t-social { display: block; margin: 0 auto; padding-top: 5px; text-align: center; padding-left: 0; }
to this code
.t-social { display: flex; margin: 0 auto; padding-top: 5px; text-align: center; padding-left: 0; justify-content: center; align-items: center; } ul.t-social a[href*="opensea"] { display: block; position: relative; top: 2px; }
Thank you once again. I am unable to add hiver effect to the opesea icon. can you help in it?
-
2 hours ago, tuanphan said:
Hi. To use custom image icon, use this new code
<ul class="t-social"> <li> <a href="#"> <i class="fa fa-spotify"></i> </a> </li> <li> <a href="#"> <i class="fa fa-apple"></i> </a> </li> <li> <a href="#"> <i class="fa fa-podcast"></i> </a> </li> <li> <a href="https://opensea.com"> <img src="https://cdn.pixabay.com/photo/2017/06/05/07/58/butterfly-2373175__340.png" width="30px"/> </a> </li> </ul> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> /* code block padding top bottom */ .code-block { padding-top: 20px; padding-bottom: 40px; } /* social icons code */ .t-social { display: block; margin: 0 auto; padding-top: 5px; text-align: left; padding-left: 0; } .t-social li { display: inline-block; margin: 0px; } .t-social .fa { font-size: 37px; margin: 0 20px; color: #ffffff; } .t-social .fa:hover {color:#CCCCCC;} </style>
I added this code into above code
<li> <a href="https://opensea.com"> <img src="https://cdn.pixabay.com/photo/2017/06/05/07/58/butterfly-2373175__340.png" width="30px"/> </a> </li>
Thank you so much for your response. the opensea icon is not aligned with the others on my site. can you check that.
-
On 12/9/2020 at 4:06 PM, tuanphan said:
Add a Code Block > add this code. You can change link for your icons
<ul class="t-social"> <li> <a href="#"> <i class="fa fa-spotify"></i> </a> </li> <li> <a href="#"> <i class="fa fa-apple"></i> </a> </li> <li> <a href="#"> <i class="fa fa-podcast"></i> </a> </li> </ul> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> /* code block padding top bottom */ .code-block { padding-top: 20px; padding-bottom: 40px; } /* social icons code */ .t-social { display: block; margin: 0 auto; padding-top: 5px; text-align: left; padding-left: 0; } .t-social li { display: inline-block; margin: 0px; } .t-social .fa { font-size: 37px; margin: 0 20px; color: #ffffff; } .t-social .fa:hover {color:#CCCCCC;} </style>
Hi @tuanphan how should I connect an opensea account. It does not have a font awsome icon and I have an image for it so how can i add it along with my other social link accounts when adding for individual members.here is the url:
Thank you
-
On 3/21/2021 at 6:10 AM, tuanphan said:
Hi, @tuanphan I need help in this. I want my afterpay button/line to be at the bottom inside the product detail page. heres the site url: www.pheromoneofficial.com
password: 123456
-
On 9/19/2021 at 5:04 AM, tuanphan said:
Add to Design > Custom CSS
/* - Add text under add to cart button - Run on Lab tag only */ .tag-lab .sqs-add-to-cart-button-wrapper:after { content: "Please specify your ring size upon adding item to cart."; font-size: 14px; margin-top: 5px !important; display: block; }
Hi, @tuanphan how can I link this text to some other link/page. I am adding shipping policies here which needs to be linked to policies page.
Thanks in advance
-
On 10/21/2019 at 9:09 PM, colin.irwin said:
Try adding this to the custom css area, after any other code that may be there. Also remove your code.
@media only screen and (max-width: 768px) { body { h1,h2,h3,p,li,a,em,i,strong { -webkit-hyphens: none !important; hyphens: none !important; } .page-desc p { -webkit-hyphens: none !important; hyphens: none !important; } } }
Hi, the hypenation code does not work for me. can you please help. heres my client's website e mail:
-
On 7/22/2020 at 5:45 PM, tuanphan said:
Add to Code Block
<div class="scroll-down"></div> <style> .scroll-down { position: absolute; left: 50%; bottom: 10px; display: block; text-align: center; font-size: 20px; z-index: 100; text-decoration: none; text-shadow: 0; width: 13px; height: 13px; border-bottom: 2px solid red; border-right: 2px solid red; z-index: 9; left: 50%; -webkit-transform: translate(-50%, 0%) rotate(45deg); -moz-transform: translate(-50%, 0%) rotate(45deg); transform: translate(-50%, 0%) rotate(45deg); -webkit-animation: fade_move_down 4s ease-in-out infinite; -moz-animation: fade_move_down 4s ease-in-out infinite; animation: fade_move_down 4s ease-in-out infinite; } /*animated scroll arrow animation*/ @-webkit-keyframes fade_move_down { 0% { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @-moz-keyframes fade_move_down { 0% { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @keyframes fade_move_down { 0% { transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { transform:translate(0,10px) rotate(45deg); opacity: 0; } } </style>
Hi @tuanphan , I used the above code but I am unable to scroll to the next section using this arrow.
here's the url:
-
On 11/6/2020 at 6:42 PM, tuanphan said:
Add to Home > Design > Custom CSS
/* Nav one line */ .header-title-nav-wrapper { flex: 1 0 90%; } .header-layout-nav-center .header-nav { width: 100% !important; flex: 1 1 100%; }
On 12/8/2020 at 6:50 AM, bangank36 said:Hi, on my client website I see some white spaces on right in my tablet. can you help me fix that. here's the website link:
https://dogfish-chinchilla-8h83.squarespace.com/
password: sse2020
-
On 11/6/2020 at 6:42 PM, tuanphan said:
Add to Home > Design > Custom CSS
/* Nav one line */ .header-title-nav-wrapper { flex: 1 0 90%; } .header-layout-nav-center .header-nav { width: 100% !important; flex: 1 1 100%; }
Hi, @tuanphan I tried this code to make my navigation items in one line but it didn't work for me. can you take a look into this.
-
Hi @tuanphan I want to have the snap scroll effect to this sample website.
(like on this website: https://www.evergrande.com.au/) to my squarespace website: https://www.truesite.io/
Let me know if you can help.
Thanks alot
-
34 minutes ago, tuanphan said:
Try adding this to Design > Custom CSS. This code for first image block. If it works, I will send code for other items.
div#block-d38d5973c7b4567afecd figure { align-items: center; }
Hi, i have added this but the image gets at the center and there is some white space above and below it.
-
On 11/25/2019 at 10:45 AM, tuanphan said:
You can use CSS query max-width for only image
If you share link to your site, i can take a look.
Hi, @tuanphan I need help with my card image block 's image size. I want it to be aligned with the text.
here's the url:
https://www.gi-cognition.com/services
I want the image and text to be aligned properly.
Thanks in advance for your reply:)
-
On 9/24/2020 at 8:23 PM, GemmaErnst said:
Hi Asiya, I'm having the same issue and can't figure out how to solve this one! No matter what CSS I write in I can't get the font color to change. Could you tell me how you fixed this?
input.field-element::placeholder{
color: #fff!important;
} -
On 9/7/2020 at 2:07 PM, tuanphan said:
Hi. Do you still need help on this? I see you solved...
Yes I solved it. Thank you:)
-
3 hours ago, tuanphan said:
Which position?
On the top left of the page where the social icons are there
-
3 hours ago, tuanphan said:
Which on thee top left of the page where the social icons are there.
-
On 7/31/2020 at 2:07 PM, tuanphan said:
Edit above code
@media screen and (min-width:768px) { a#site-title:after { content: "tuanphan"; display: block; font-size: 20px; color: green; font-family: monospace; } }
Hi, @tuanphan I wanted to add a second logo to my website.
how can I do so?
The site is https://gecko-alpaca-3wl5.squarespace.com/ - password to view: JLL123
Thanks in advance!
-
3 hours ago, tuanphan said:
Look fine here. Did you solve?
Yes I did, Thank you so much
-
19 minutes ago, christyprice said:
Hi @Asiya, you can adjust the image focal point to change what part of the banner you see on mobile - that would be my first recommendation. If that doesn't work, you might consider having a different banner image for mobile. I have a post on that here and there are some threads in the forum as well.
Thank you so much for your help:)
Clickable image in list content item
in Customize with code
Posted
After I add a text link in descrition my text disappears. every thing is linked now but the text does not shows up.