kkf_magi

Thank you so much, @Lesum 🙏 It works!

@Lesum Here is the error:

@Lesum Thank you so much for the reply, Sam! This is the html page that Google provided. I have to copy and paste just the line, right?

google-site-verification: googlec81a434661c8f205.html

Hi guys!

I'm trying to verify myself as an Google owner of my website, but since I haven't found a solution anywhere I'm writing here.

I chose one of their preferred methods - downloading  Google HTML file. I have to upload it on Website Tools - Code injection. But:

1. How can I actually upload this file there (I tried to paste the hrml content but there is an error)?

2. Do I need to upload it only on Header, or I have to upload it on Footer, Lock Page and other all pages as well?

www.mvarbanova.com

pass: purplebutterfly

Thank you!

@JayVanDyke Thank you so much, I really appreciate it!

@JayVanDyke Thank you so much! I'll resize the blocks. Does it matter that I have images under the texts?

Hi guys!

I have the following problem - one of the pages on my website is translated different in Android and Apple mobile phones. Although on the Squarespace mobile view and iPhone everything seems okay, when I check the page on Android phone there is a totally mess up on the hole page. 

Does anyone know how can I fix this, because I really don't see the problem on my Squarespace edit page?

www.mvarbanova.com

Password: purplebutterfly

Thank you

@Ziggy Thank you so much for your help, Ziggy!

@Ziggy Thank you SO much! Is there a way to add a hover effect like the other icons and a frame (like in the footer)?

UPDATE:  On the About Page, the icon colors and hover effect are different

@Ziggy  Sure:

.sqs-svg-icon--list a:nth-of-type(1) {
  svg {      
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/6646f8c9636d2a1604eebf48/t/6666c0705f393a5f7ecef737/1718009968980/IMDB+Raspberry.png);   
  background-size: 100%;   
  background-repeat: no-repeat;   
}

5 minutes ago, Ziggy said:

An error, how did you apply the class I shared?

Certainly I have applied it wrong since I don't understand anything about coding. I added it to CSS and then pasted the other information for the image (like in the footer)

@Ziggy  Thank you so much for the response! Unfortunately the system says there is an error with this code

Hello!

I added a custom IMDb icon to my social links. There are a couple of issues and since I haven't found a solution I'm writing here:

1. The custom icon appears only on the footer, but not on the header.

2. How can I make the icon the same as the other icons style, size, colors and hover effects on footer and header?

3. On the about page there are custom colors added. so I need to change the color of the custom icon as well.

4. I need it for desktop and mobile view as well.

www.mvarbanova.com

Pass: purplebutterfly

Thank you!

@Lesum    Thank you so much! 🙏

8 minutes ago, Lesum said:

@kkf_magi Add this code under Custom CSS to change the hover color of the social links only on About page

#collection-665990f3dafef7079b061afa footer.sections .sqs-svg-icon--social:hover use.sqs-use--icon {
    fill: yellow !important;
}

 

@Lesum    Thank you so much! This code works fine in footer, but in header the color isn't changing

@Lesum You saved my day, thank you so much! Only one thing happens - on mobile menu on the About Page the "Work" folder doesn't have the hover effect. All other pages have except it. How can I fix this?

And how can I change the hover color of the social links only on About page - both in header and footer?

@Lesum One update for the icons - on the mobile view  in About Page the black frames are missing....

@LesumThank you so much! It works perfect except one thing - the menu lines on mobile view is not black now.  You can check it:

Update: And also the "Work" menu doesn't have the hover effect on mobile

And just one really final question - on my footer I added solid square frames to my social links that are black (for all black pages). In this About page they are still black. I'm attaching the image. How can I change the color of these black frames only on this About page , both for Desktop and Mobile view? Thank you so so much!

@Lesum  Hi Lesum, did you have a chance to check the error in the About Page code? Thank you!

@tuanphan No, all colors are perfect. In mobile view in all pages that are black, the hovering red effect is there. But when I'm in the About Page (the white one),  the hovering effect doesn't work when browsing on the menu - there is no red color at all.  And I don't know how can I fix this.

@tuanphan  Thank you for the response. Yes, all hover effects are fine now except the mobile view of the About 2 Page.  Probably I have made a mistake in the css code somewhere. I'm attaching the code for About 2 Page:  

<style>

  
  #block-yui_3_17_2_1_1717149715486_3373 p {
      font-family: 'Arial' !important;
    
  }
  

#block-979157697c9f4e2b8b39 p {
      font-family: 'Bebas' !important;

  }

  
  
  
  
  
  
  
  
  
  
  
   .burger-inner>div {
      background-color: black !important;
  } 
  
  
 
  
  
  
  
  
    #collection-665990f3dafef7079b061afa header#header.shrink {
  background: white !important;
}
 
  
  
  .header-nav-folder-content {

   background: white !important;

}

#header a {color: black !important;}
  
  
  
  
 
</style>

My idea on this About 2 page was just to invert the black and white colors (for the main navigation and basically everything that is white to become black and vice versa) and to change the font of my bio text (which I was able to do) and nothing more.

Thank you!

@Lesum    My idea on this About 2 page was just to invert the black and white colors (for the main navigation and basically everything that is white to become black and vice versa) and to change the font of my bio text (which I was able to do) and nothing more 🙂

@Lesum Thank you! I really don't understand anything of coding and everything that I've inserted is based on videos online and this forum. But since the sites are different it's very possible to have added wrong things. Here are the exact codes on About 2 Page: I'm not sure about the Burger line since I took it from another post here.

<style>

  
  #block-yui_3_17_2_1_1717149715486_3373 p {
      font-family: 'Arial' !important;
    
  }
  

#block-979157697c9f4e2b8b39 p {
      font-family: 'Bebas' !important;

  }

  
  
  
  
  
  
  
  
  
  
  
   .burger-inner>div {
      background-color: black !important;
  } 
  
  
 
  
  
  
  
  
    #collection-665990f3dafef7079b061afa header#header.shrink {
  background: white !important;
}
 
  
  
  .header-nav-folder-content {

   background: white !important;

}

#header a {color: black !important;}
  
  
  
  
 
</style>

@Lesum I'm so sorry to ask you for the third time, but I've just seen one little issue - the hover css is perfect now on the About 2 Page Desktop view and on all other black pages both on desktop and mobile view. However on the mobile view of the About 2 Page only the navigation and menu hover color isn't working.  Is there a way to fix this?

Thank you again, I've been researching for solutions for 3 days, but without a result before meet you 🙂

@Lesum   Probably I have inserted something wrong the previous time because now it's perfect. Many many thanks! 🙂