Jump to content

sophdooley

Member
  • Posts

    5
  • Joined

  • Last visited

Posts posted by sophdooley

  1. Hi, I managed to fix the hovering problem. It turns out that I needed to turn off "Animations" so that it works. But now it seems like I cannot add a hyperlink to the textbox. I wanted the user to hover over it and make it clickable to take them to a particular gallery.

    Here is the website link: 70-50design.ca/ongoing-projects

    The password: 1234

     

    Thank you!

  2. Hi,

    There is an "ongoing project" page on my website and I created 3 images and added a text on top, in the hopes that when a user hover over the image, a text will pop up. I was also hoping to create a hyperlink on the text so each image they click takes them to a gallery.

    However, I can't seem to attach a link into the text box.

    I also added in the code for the hover, which works when I hover while EDITING the webpage, but when I preview it, it just shows a static image.

    Here is the pictures for reference:

    This is what I want it to look like, the image are showing first unless u hover the image, then the text box will appear:

    image.thumb.png.09f1aa2741f53115344ca9451d6fd274.png

    However, when I go to preview, this is what it shows:

    image.thumb.png.17e2038a6b32ae92638034ef6c74ab20.png

     

    This is the code that I have put in so far:

    @media only screen and (min-width: 640px){
    #block-yui_3_17_2_1_1697400011904_19353 {
    opacity: 0;
     transition: opacity 1s
    }

    #block-yui_3_17_2_1_1697400011904_19353:hover {
    opacity: 1;
    transition: opacity 1s
    }
    }@media only screen and (min-width: 640px){
    #block-0621c99dd9acef85aed1 {
    opacity: 0;
     transition: opacity 1s
    }

    #block-0621c99dd9acef85aed1:hover {
    opacity: 1;
    transition: opacity 1s
    }
    }
    @media only screen and (min-width: 640px){
    #block-4b94192b9870dd1aa56e {
    opacity: 0;
     transition: opacity 1s
    }

    #block-4b94192b9870dd1aa56e:hover {
    opacity: 1;
    transition: opacity 1s
    }

     

    PLEASE HELP!!! 😞 this is driving me insane.

    The password for the website is: brownie10

    Website: 70-50design.ca/ongoing-projects

     

    Also please help in terms of the textbox as i can't seem to hyperlink the gallery into it, nothing happens!!!

     

    Thank you so much in advance.

  3. Hi, I was wondering if you could assist me with changing the header style of my services page from dynamic to solid. 

    This is the existing code in my page as I needed to add a different logo to the page:

    <style>
      .header-title-logo img {
        visibility: hidden;
    }
      .header-title-logo a {
        background-image: url(https://www.linkpicture.com/q/0-esign.png);
        background-size: cover;
        background-repeat: no-repeat;
    }
    </style>

     

    How do I add another code so that the header is solid and the colour white?

    The pic attached is what it looks like right now vs. what I want it to look like.

     

    Thank you in advance!!

     

     

    Screen Shot 2023-10-07 at 12.48.03 PM.png

    Screen Shot 2023-10-07 at 12.48.26 PM.png

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.