kkf_magi

@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

@Lesum Here is the error:
 
 

Thank you so much, @Lesum 🙏 It works!

@kkf_magi I don't think we can directly upload the html file. You can however generate a meta tag from Google Search Console. To find the meta tag, you can go to the Other verification methods section in the Google Search Console interface. It should look something like this:
<meta name="Google-site-verification" content="" />
Copy that code and add it under Squarespace Code Injection > Header. Then click verify on Google Search Console.

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

@kkf_magi no it shouldn't matter. If they are completely behind the text then you can have things overlap however you need to! If its that they need to be stacked you'll want to do the same thing with the image blocks to avoid overlaps.

@kkf_magi Try this, when editing switch to your mobile view and make sure your containers are not overlapping each other. First screenshot is with the container over the other box and the next shows where the boxes should be ending. If you make the box bigger than the content then it will allow the text to wrap into that empty space. If you end the box before the next text box it will just bump it down on the page. Sometimes you still need to overlap to achieve a specific design but typically unless you're really careful and know how to make it work it makes sense to have them not be on top of each other.

 

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

Add this to your previous code:
.header-actions-action--social .icon--fill[href="http://imdb.me/margarita.varbanova"], .header-menu-actions-action .icon[href="http://imdb.me/margarita.varbanova"] { svg { visibility:hidden; } background-image: url('https://static1.squarespace.com/static/6646f8c9636d2a1604eebf48/t/6666c0705f393a5f7ecef737/1718009968980/IMDB+Raspberry.png') !important; background-size: 60% !important; background-repeat: no-repeat !important; background-position: center center !important; } You may want to use this revision of your code to improve the targeting:
.sqs-svg-icon--list a[href="http://imdb.me/margarita.varbanova"] { 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; }  

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)

@kkf_magi Here's the code for social icon hover color change on About page:
#collection-665990f3dafef7079b061afa .header .icon:hover svg { fill: black !important; }  

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

The code for the frame shouldn't affect the previous code. Can you try adding the code for frame after all the you've added so far?

@kkf_magi Hi! Try this code to add a frame/border around folder dropdown menu
#header .header-nav .header-nav-item--folder .header-nav-folder-content { border: 1px solid #DE3163 !important; }  

@kkf_magi Hi! Add this code snippet to fix the issues you mentioned:
#header a:hover { color: red !important; } #header #site-title:hover { color: #DE3163 !important; font-weight: bold !important; transition: 1s all; } #header .header-menu-nav-item *:hover { color: red !important; }  

@kkf_magi Hi! Try adding this code snippet under Website > Pages > Website Tools > Custom CSS.
button[type="submit"] { background-color: #A1D9DD !important; } button[type="submit"]:hover { background-color: #EDD17D !important; }  

@Lesum  Thank you SO much, Lesum! It works perfect! You saved the day 🙂