twigsplace

On 3/29/2024 at 4:27 AM, tuanphan said:

Which exact code you added in Step 3?

Hi @tuanphan - I added the code as shown 

<link rel="apple-touch-icon" href="/s/file-name.extension">

but replaced /s/file-name.extension with the URL for the icon (I've now delete this so can't recall exactly).

9 hours ago, tuanphan said:

I see you solved by using Summary Block? If you still need help, just share link to a blog page, I can give you some CSS code to add text

Hey @tuanphan - yes I created a new content page and added the blog as a summary block, then moved the original blog to the unlinked section - no idea if this is a good idea though? Or would it be better to add text to the original blog page and delete the summary page version?

The URL of the original blog is: www.twigsbranchphotography.com/shropshire-photography-blogs

Many thanks! 

9 hours ago, tuanphan said:

Just change :before to :after

/* Burger to word Menu */
.icon-menu:after {
    content: "Menu" !important;
    font-family: initial !important;
    font-size: 14px;
}

Thanks so much @tuanphan this worked perfectly! 

Hi can anyone help me with how to add an Apple Touch Icon on 7.0 please? 

URL of site is: https://www.twigsbranchphotography.com

I've followed the instructions here but it didn't seem to work as the icon didn't show and I was just left with the words 'text link' showing on the page?! 

https://support.squarespace.com/hc/en-us/articles/205815228-Adding-a-site-icon-on-iOS-devices?platform=v6&websiteId=591370a717bffc7469a0d8e7

I'm so confused! 

On 3/21/2024 at 7:21 PM, derricksrandomviews said:

It is a bit finicky if you view it as the owner, not as a visitor.

Here is one from Inside the Square that may work a bit better. Place this snippet in a markdown block on any page you want the button but not in the footer. You can change the size to small, medium, or large.

<a href="#page" class="sqs-block-button-element--large sqs-block-button-element" id="back-to-top">Back To Top</a>

Add this to custom CSS you can change the position and the opacity to fit your style; 

#back-to-top{ position: fixed!important; bottom: 0!important; right: 0!important; z-index:1!important; opacity: .5 }

Hi @derricksrandomviews thank you, this does work but is text only, I was hoping to add the same design button that's on the homepage to all pages, rather than just have the words 'back to top' - like this screenshot?

3 hours ago, tuanphan said:

You mean add a Site Title above Blog Image or?

Hi @tuanphan -  I want to add some text content at top of my blog landing page as an introduction, before the list of blogs. But as I'm on 7.0 I don't seem to be able to add content blocks the usual way on this page? 

3 hours ago, tuanphan said:

You can use this code to Website > Website Tools > Custom CSS

/* Burger to word Menu */
.icon-menu:before {
    content: "Menu" !important;
    font-family: initial !important;
    font-size: 14px;
}

 

Hi @tuanphan - thanks so much for the help. Is there a way to add the word menu alongside the hamburger? Rather than replace it completely? Many thanks! 

1 hour ago, derricksrandomviews said:

This is a simple scrolling back to the top button. It doesn't require a business plan to work. Put this code in a markdown block in the footer of your site, it will work for all pages.

<p><a href="#top" class="t-top"><span class="arrow"></span>Top</a>
<style>
  /* Back to Top */  
.t-top {
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 15px;
    text-transform: lowercase;
    text-align: center;
    line-height: 1.6;
    padding-left: 2px;
    padding-top: 4px;
    position: fixed;
    right: 25px;
    bottom: 60px;
    width: 40px;
    height: 40px;
    z-index: 999;
    background-color: transparent;
    color: #000;
  filter: drop-shadow(8px 8px 8px #666666)
}
.t-top .arrow:before {
      font-family: 'squarespace-ui-font';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e02d";
    text-align: center;
    display: block;
    vertical-align: middle;
    transform: rotate(-90deg);
    cursor: pointer;
    margin-left: -4px;
  filter: drop-shadow(8px 8px 8px #666666)
}
.t-top .arrow {display:inline;}
</style></p>

Thank you @derricksrandomviews - sadly this didn't work for me 😞

Site url: www.twigsbranchphotography.com 

I currently have a 'back to top' button showing on my home page on the footer that I think was inherent with the site template (as in I don't recall adding any code for it). It only shows on the homepage and I'd like to add it to all pages - is this possible?

Added a screenshot to show what I mean.

I am on the Mint template/Marquee family 7.0.

Many thanks! 

Hi, does anyone have the correct code to do this on the Mint template (Marquee family).

I want to be able to add the word 'menu' next to the hamburger on my site www.twigsbranchphotography.com

Many thanks! 

Site URL: www.twigsbranchphotography.com

Page url: https://www.twigsbranchphotography.com/shropshire-photography-blog

I want to add a title to my blog's landing page but as I can't add blocks I think I need custom code to add it in. How can I do that please?

I am using a Mint template on 7.0 and have very little tech knowledge so please bear with me! 

Thank you - this worked perfectly! 

Hi, thank you for your reply -  it’s this page and it’s the photo on the page banner at top with the dress hanging up that I want to remove - I’ve found code that will hide the photo but it also hides the menu which I want to keep. 
https://www.twigsbranchphotography.com/meet-the-twigs

Can anyone help with some custom code to remove the banner image from a single page but I want to leave the navigation menu visible? Everything I've tried so far removes both the banner image and the nav menu! 

I am on 7.0 Mint template and have pretty basic skills so please explain step by step - TIA! 

I found a code to disable right-click options on the desktop which has worked just fine, however via mobile the save image feature is still active (iPhone). Is there some coding that will disable this feature on mobile devices as well? I found one in the forum from a few years back but when used it stopped me from being able to edit my site at all - I couldn't click into any of the text boxes!

Help appreciated!