Jump to content

RAD_Design

Member
  • Posts

    18
  • Joined

  • Last visited

Posts posted by RAD_Design

  1. Hi SS Circle trust,

    Working on a site and am having issues with spacing automatically set by SS. 

    image.thumb.png.d41df1c4c26f25a75f8a15453dfe93a1.png

    I'm trying to close up the spacing between heading [Testimonials] and the quote text underneath... is there any way I can use code code to make this happen? I've tried every setting on the Style and Design panel within SS and no dice.

    Site: lettuce-hexagon-lw6p.squarespace.com
    PW: Ruello2023!

    Thank you in advance!
    Rad. 🙏

  2. Hi @tuanphan; wondering if you can help with a slightly similar issue...

    I'm trying to style my nav menu on a site, by adding a colour to the page last visited. I've managed to do it with code that is working fine on desktop, but mobile just won't work. 

    https://www.360sp.com.au/home1

    Code I've used is:

    .header-nav-item--active a {
      color: #69BD45 !important;
      background-image: none !important;
    }
    
    .Mobile-overlay-nav-item:last-child{
       color: #69BD45 !important;    
      }

    Any help would be hugely appreciated!

    Thanks!

  3. 11 hours ago, tuanphan said:

    Remove 

    Remove above code & add this to Home > Design > Custom CSS

    
    @media screen and (max-width:640px) {
    div#footerBlocks .span-2 {
        width: 50% !important;
        margin: 0 auto;
    }
    }

    Perfect! Thank you @tuanphan ! So you targeted all elements within the div tag instead of just the logo image block, is that right?

    Thanks again.

    RAD.

     

  4. Hi @tuanphan I'm having the same issue. I've used code to make the logo smaller in the footer at the size I want, but it only works when refreshing the browser the first time... If I navigate to another page or switch to desktop view and back to mobile it totally crops the logo. It also looks fine on the SS browser, but checking it on an actual mobile it's cropped with the same issue.

    site: https://gopher-mackerel-pen5.squarespace.com/
    pw: HIP2020!

    code I've used is:

    @media screen and (max-width:640px) {
    div#block-yui_3_17_2_1_1587359465748_6758 img {
        width: 40% !important;
        height: auto !important;
        transform: translateX(-50%);
        left: 50% !important;
    }
    div#block-yui_3_17_2_1_1587359465748_6758 .image-block-wrapper {
        padding-bottom: 70% !important;
    }

    Screenshot attached for reference.

    Thanks in advance! Much appreciated.

    Screen Shot 2020-04-22 at 10.59.48 am.png

  5. Hi guys, having a similar issue here as the other posters... All banners are scaling properly on my site in mobile, except for one! 

    I've read through a million articles and posts on here, played with code and am still having trouble. Would anyone be able to have a look for me and see where I'm going wrong!? I just don't have the tech abilities to understand it.

    URLs is: https://gopher-mackerel-pen5.squarespace.com/contact
    PW: HIP2020!

    There is a lot of code in the Custom CSS panel from previous designer building it, not mine btw. 

    Thanks in advance!

    Jay.

     

×
×
  • 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.