Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

charlineca

Circle Member
  • Content Count

    41
  • Joined

  • Last visited

Posts posted by charlineca

  1. Hi, I have used the following css to give my gallery a hover effect.

    .gallery-caption {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4); /* overlay color */
    height: 100%;
    max-width: unset;
    padding: 0;
    opacity: 0;
    }
    .gallery-caption-wrapper {
    display: flex;
    align-items: center; /* center vertically */
    justify-content: center; /* center horizontally */
    }
    .gallery-caption-content {
    font-size: 20px !important; /* caption font size */
    color: white; /*caption font color */
    }
    .gallery-strips-item {
    position: relative;
    }
    .gallery-strips-item:hover .gallery-caption {
    opacity: 1;
    }
    .gallery-caption-strips-simple {
    transition-delay: 0ms;
    }

    .gallery-caption a {
    color: white; /* color of the caption text */
    }

     

    I have changed the text captions so they are clickable as links. However, only the text itself is clickable, not the whole image. You have to specifically hove over the text to click the link. Is there a possibility to change the code so the whole image is clickable and opens the link?

  2. Hi, I want to justify some text (body and header) on my website. I have used a code for that, but it justifies all of my text. I only want the left aligned text to be justified, not the right aligned or the center aligned. Can someone help me with this? I'm on Squarespace 7.1.

  3. Hi, I have used the following custom code to give my gallery a hover effect. I have changed the text captions so they are clickable as links.

    .gallery-caption {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4); /* overlay color */
    height: 100%;
    max-width: unset;
    padding: 0;
    opacity: 0;
    }
    .gallery-caption-wrapper {
    display: flex;
    align-items: center; /* center vertically */
    justify-content: center; /* center horizontally */
    }
    .gallery-caption-content {
    font-size: 20px !important; /* caption font size */
    color: white; /*caption font color */
    }
    .gallery-strips-item {
    position: relative;
    }
    .gallery-strips-item:hover .gallery-caption {
    opacity: 1;
    }
    .gallery-caption-strips-simple {
    transition-delay: 0ms;
    }

    .gallery-caption a {
    color: white; /* color of the caption text */
    }

     

    However, it is only the text that is clickable. You have to specifically hove over the text to click the link. Is there a possibility to change the code so the whole image is clickable and redirects to the link?

  4. Hi, I have a client who built her website in developer mode (7.0). Her banner (background) images across the site are not optimised and not properly showing on mobile, a lot of the text is missing, so I was looking for an option to disable mobile views, either on the banners only or across the whole site. Since she's not working with a template to disable it on, I'd need to use some CSS. Can someone help me with this? 

  5. On 3/1/2021 at 3:40 PM, tuanphan said:

    Hi. Try adding a Code Block > Paste the code.

    If it still has problem, share link to page where you added the code. We can check easier.

    Hi, that's what I have done. It is embedding the page as a slideshow, not as a scroll down page.

  6. Hi, I am building a website on 7.1. and I have realised that on a Gallery section you cannot set the width (whereas for the normal sections you have S, M, L and custom width). Does anyone have a code for me to reduce the width of the masonery gallery? Or is there an option somewhere that I have not seen yet?

  7. Hi there, Canva has this new option of designing whole web pages. Say like this: https://www.canva.com/design/DAEXCxiz7e0/payRZVwHhvQ2q2FtNnX2zg/view?website#2:quick-and-hassle-free-shopping

    Can anyone tell me if it's possible to embed the whole page design in Squarespace? When I enter the Canva embed code in the page header, which is the following:

    <div style="position: relative; width: 100%; height: 0; padding-top: 48.1481%;
     padding-bottom: 48px; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
     border-radius: 8px; will-change: transform;">
      <iframe style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
        src="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAEXCxiz7e0&#x2F;view?embed">
      </iframe>
    </div>
    <a href="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAEXCxiz7e0&#x2F;view?utm_content=DAEXCxiz7e0&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">Black Experimental Art Deco Fashion Website</a> 

     

    it only shows as a full width Canva slideshow, even if in Canva I have selected the option 'scrolling website'. I guess there is something in the code that needs to be changed so it shows as a website, not a slideshow. Can anyone help me display the whole thing as a site, like designed?

  8. Site URL: https://cforconscious.com/sustain

    Hi, due to rebranding I am changing my website layout and design, fonts, etc.

    However, I have one page that was designed as an index page as an 'online magazine' and I would like to keep this page's layout and fonts the same, despite the rest of the site changing. Is there any way to 'preserve' this page while changing the rest of the website? 

    The page is https://cforconscious.com/sustain

  9. Hi, is there a way at all, using CSS, to 'link' two text boxes so the text automatically continues, the same way Word or Indesign documents are able to do? So you can continue writing but it goes over to the next text box, rather than you having to manually move content from one text box to the other.

  10. Hi, I want to create a dropdown link with text popping up, but without using the markdown option, reason being that I cannot customise the markdown text boxes as needed, as I would like two text boxes next to each other that drop down through the same dropdown, and potentially even be able to add an image to the dropdown. Does anyone happen to have a CSS code for this?

  11. Hi there,

     

    I am trying to get a text box with 'navigation' options, but instead of coding it, I have created a blog, put the text in as an excerpt and created a summary on the page needed. However, I'd want the text 'justified't not left bound. I tried entering the css code I use to justify my normal text but no success. 

     

    Does anyone have an easier way of doing this maybe? Or a CSS code that can justify my excerpt copy?

     

    Many thanks in advance.

     

    Screenshot 2020-06-04 at 3.28.41 PM.png

  12. Hi, I'm using a calendar on SS to show both availability and location. I managed to get rid of the times of my events, but would also like to get rid of the '(ends Jul 11)' throughout the whole calendar. I didn't manage to find the code for this. Can anyone help me there?

    Additionally, all of the days where there's two events (Location & 'booked') don't show an image in the calendar - Having only one event does (like on 28th July). Is there a way to show the image for all 'booked' events? It's the only ones I'm uploading a cover image for..

    The page I'm talking about: https://cforconscious.com/travel/availability

×
×
  • Create New...