tilegore

On 1/20/2024 at 4:20 AM, tuanphan said:

Use this code under

@media screen and (max-width:767px) {
/* space under add to cart */
div.ProductItem-details-excerpt p:first-child {
    margin-top: 2px;
    margin-bottom: 2px;
}
/* vertical space */
.overlay-nav-wrapper {
    margin-top: 0 !important;
}
}

Top left: Which exact position?

Sorry @tuanphan, I meant in the top right corner. I edited the image to better suggest the idea. 🙏🏻

2 horas atrás, tuanphan disse:

Use este código para Ferramentas do Site (em Não Vinculado) > CSS Personalizado

@tela de mídia e (largura máxima:767px) { /* espaço entre a farinha de rosca - proximo */ . ProductItem-nav-breadcrumb { margem-inferior: 0px ! importante; } /* espaço entre proximo - título */ nav.ProductItem-nav { fundo de preenchimento: 0px ! importante; } /* título do espaço - avaliações */ h1. ProductItem-details-title { margem-inferior: 0px ! importante; } a.summaryLink p { margem-top: 0px ! importante; margem-inferior: 0px ! importante; } div.sqs-add-to-cart-button-wrapper { margem-inferior: 0px ! importante; } }

 

Hello @tuanphan, thanks for the codes. 🙏

I've already made some adjustments and it's improved a lot... Could you also help me remove the spaces between the footer titles and with the hamburger menu adjustments that I mentioned in the first post? 

Thanks for all...

Hey @tuanphan , thanks for the reply... 🙏

Below is the link to the prinscreen example:

https://www.dextersupplier.com/barbershop-and-salon/clippers-and-trimmers/fxflfs2e-uvfoil02-shaver-uv-double-foil-babyliss-pro

If you browse the menus there are dozens of pages and thousands of articles...

Thanks...

Hi guys... 🙂

I'm looking for help with some visual adjustments to my webstore.

Basically I would like to reduce the space between page titles in the navigation menu and also the white spaces on article pages in the store (both for desktop and mobile viewing). And finally, I wanted to be able to leave the login and cart icons outside the hamburger menu, that is, they would be in the top right corner and the hamburger menu in the top left corner. (I send exemplifying images).

I appreciate any help with the codes and I'll try to make the adjustments... 🙏🏻

https://dextersupplier.squarespace.com/

On 8/5/2022 at 4:28 AM, tuanphan said:

Can you share link to a product? We can add it to cart to able to see checkout button

Hey @tuanphan, follow link:

https://www.dextersupplier.com/barbershop-and-salon/loreal/pack-metal-detox-loreal

Thank you...

Hey @tuanphan! 🙃 Taking advantage of the topic, could you help me to resize the checkout button? Follow the link:
https://www.dextersupplier.com/cart

I would like to make it identical to the "add to cart" button and I haven't been able to... Thanks in advance... 🙏

43 minutes ago, tuanphan said:

Add to Design > Custom CSS

form#siq_searchForm {
    text-align: center;
}
form#siq_searchForm input {
    border-radius: 10px;
}

 

Thanks @tuanphan , the code helped and now I can customize. I would like to leave as the example of the link: https://codepen.io/takaneichinose/pen/ErGwPZ 

Do you think it's possible? I'm trying and I can't... 😕

Site URL: https://www.dextersupplier.com/searchpage

Hey guys...

I've been using the SearchIQ site's search engine and so far it was the best alternative I found because the Squarespace search is very limited to webstores. I recommend trying SearchIQ, there are many customization options and the best one is undoubtedly the possibility to configure submit suggestions for errors and configure synonyms (this is very useful!).

You can find out about SearchIQ here: https://www.searchiq.co 

SearchIQ allows customization by CSS, so I'm asking for help with a template that I found and would like to configure by CSS in Squarespace.

Model link:

https://codepen.io/takaneichinose/pen/ErGwPZ

My site: https://www.dextersupplier.com/searchpage

If that's not possible, I appreciate your help to at least leave the searchbar centered with 1200px(for long titles to occupy only one line) and a rounded edge like the one in the example.

Thanks in advance...

On 11/12/2020 at 18:51, derricksrandomviews said:

Posso colocar o bloco de código em um cabeçalho de qualquer página e a página inteira neva. Não precisa usar injeção de código avançada, que precisa que o plano de negócios esteja disponível. . 

Hello @derricksrandomviews It's done, something simple kept me from getting it but I finally got it... Thanks for always being willing to help. 🙏

3 minutes ago, derricksrandomviews said:

Ao usar um bloco de código, você o coloca na página real, não no cabeçalho avançado. Qualquer página que você deseja colocar um bloco de código lá. 

The snow effect does not stand out from a gallery block that I have as a banner for my site, it works across the page but at the top (which is where the visualization is most important) it is below this gallery block. That's why I wanted to inject it into the header, as the first option I gave... but I wanted this design that I posted last... 😔

On 12/5/2020 at 10:30 PM, derricksrandomviews said:

Code to make images snow, using code block. 

<div class="snow" />
<style>
.editor-stage .snow {
  height:50px;
  background: #fff;
}
.snow{
  position:fixed;
  pointer-events:none;
  top:0;
  left:0;
  right:0;
  bottom:0;
  height:100vh;
  background: none;
  background-image: url('https://s3-eu-west-1.amazonaws.com/static-ressources/s1.png'), url('https://s3-eu-west-1.amazonaws.com/static-ressources/s2.png'), url('https://s3-eu-west-1.amazonaws.com/static-ressources/s3.png');
  z-index:100;
  -webkit-animation: snow 10s linear infinite;
  -moz-animation: snow 10s linear infinite;
  -ms-animation: snow 10s linear infinite;
  animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
</style>
<p>

Hi Mr. @derricksrandomviews!
I really liked the format of this last code... But I am not able to inject it as a code block in the header in advanced settings. Could you help me? I would really like it to be the latter but in the header to stay on all pages of the site. 🙏