yubrajs

You can achieve this with keyframe animation.

.fe-block-yui_3_17_2_1_1705023988848_42937{
	animation: spin 5s normal linear infinite;
}

@keyframes spin {
        0% {
          -webkit-transform: rotate3d(0, 0, 1, 0deg);
          transform: rotate3d(0, 0, 1, 0deg);
        }
        25% {
          -webkit-transform: rotate3d(0, 0, 1, 90deg);
          transform: rotate3d(0, 0, 1, 90deg);
        }
        50% {
          -webkit-transform: rotate3d(0, 0, 1, 180deg);
          transform: rotate3d(0, 0, 1, 180deg);
        }
        75% {
          -webkit-transform: rotate3d(0, 0, 1, 270deg);
          transform: rotate3d(0, 0, 1, 270deg);
        }
        100% {
          -webkit-transform: rotate3d(0, 0, 1, 360deg);
          transform: rotate3d(0, 0, 1, 360deg);
        }
      }

You can still share staging url and set a password so that we can view your site.

Please provide website url and password.

Hi, Which layout you are trying to achieve? Provide link.

Please provide website url.

Unable to open your website. Provide the password so that we can preview it and find the solution.

For bottom you have to add custom css.

Here are steps:

Picture 1: To edit header section
Picture 2:  Setting the header section fixed -> enable the "Fixed position"
Picture 3: To change header section background color.

For footer provide your website url.

Hi,

For top bar you can enable "Announcement Bar " under Website Tools and for footer bar you can create a section under footer and make it position fixed with custom css.

Add this code in custom css:

@media screen and (max-width: 430px) {
  body.homepage .Parallax-item:first-child iframe{

width: 495.225px !important;

}

You can target the project main page by adding class ".view-list" before the class ".header-title-logo" and for project individual pages by adding class ".view-item".

Removing dynamic inline style with javascript and add a custom css fix this issue.

Please provide site url.

Hi,

Remove z-index from this code:

#collection-654e313a06a72d166fd08685 .page-section:not(section[data-section-id="654e536ec8f805233fc2a996"])

This will fix the issue.

Great!  Hit a like for the solution 🙂

Hi,

It's working fine. I am able to click the categories, I tested on few browser on mobile. It takes few millisecond to refresh the clicked product.

Hi, 

Instead of applying transition to an image with class .img; apply it on whole "a" tag. Like:

.thumbnail2 a{

filter: grayscale(0%);

}

.thumbnail2 a:hover{

transition: filter .3s ease-in-out;
  -webkit-filter: grayscale(0%);
  filter: grayscale(100%);

}

Remove below code:

.img {

transition: filter .3s ease-in-out;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);

}

Update the custom css code like below:

a[data-wm-popup] {
  position: unset !important;
}

.play {
opacity: 80% !important;
  position: absolute !important;
  width: 150px;
  height: 150px;
  inset: 0;
  margin: auto;
}

Hello,

I am having issue centering the mouse hover image at the center of a page. I am able to center it horizontally but unable to center it vertically.  Please help me.

Here is the url: https://walrus-sparrow-632s.squarespace.com/portfolio
password: perry

Hovering over to any row will display the image.
 

Thank you!

Just now, yubrajs said:

Hi, Add this code on custom css:

For underline

.header-nav-folder-item{

text-decoration:underline !important;

}

For the sketch underline you have to add the sketch image under custom files:

Now the custom css be like below:

.header-nav-folder-item{

background-image: url("https://static1.squarespace.com/static/658b1188edf10b7411e1d12c/t/659d6aefddd89d0c63a8b892/1704815343613/arrow_up_right.png)") ;

background-repeat: repeat-x;
background-position: bottom;

}

Above image url is an example, you have to add your own image path.

Hi, Add this code on custom css:

For underline

.header-nav-folder-item{

text-decoration:underline !important;

}

For the sketch underline you have to add the sketch image under custom files:

Now the custom css be like below:

.header-nav-folder-item{

background-image: url("https://static1.squarespace.com/static/658b1188edf10b7411e1d12c/t/659d6aefddd89d0c63a8b892/1704815343613/arrow_up_right.png)") ;

background-repeat: repeat-x;
background-position: bottom;

}

Please provide site url.

Add this code in custom css:

div#yui_3_17_2_1_1704734476953_72 {
    padding: 1rem 0;
}

Edit the section and adjust the height. Check the screen-shot attached.

To add custom code in particular page follow these setps:

> click the gear icon next to page as shown in screenshot

> click on Advanced tab under "Page settings"