Jump to content

KickinGa

Member
  • Posts

    55
  • Joined

  • Last visited

Posts posted by KickinGa

  1. Hi tuanphan

    Sorry for the slow reply.  Here's what I could see using the Chrome dev tools browser for ipad settings:

    This still doesn't look quite right (home page - www.bondprosper.com)

    image.thumb.png.53c2f66a6677f43bf0dd4efe2cb6af9f.png

    On page https://www.bondprosper.com/london-property-market sections 2, 3 and 4 need to expand to full page width:

    image.thumb.png.20b6a3b856297583c27e2b2929531608.png

    image.thumb.png.cbbd99bc3511b1ffb1eefb45d94b1d15.png

    image.thumb.png.9778c965f47c26fc29083460f3bc6ebf.png

    Same problems on Manchester page https://www.bondprosper.com/manchester-property-market and the Birmingham page https://www.bondprosper.com/birmingham-property-market, no point me sending images, just view whole page in ipad mode, lots needs changing. 

     

  2. On 4/24/2021 at 10:07 PM, tuanphan said:

    Sorry, I don't see your notification.

    Add to Design > Custom CSS

    
    /* Tablet issues */
    @media screen and (max-width:991px) and (min-width:768px) {
    /* footer text */
    div#block-78af0913140044f010fb {
        padding-left: 0;
        padding-right: 5px;
    }
    /* Homepage width */
    [data-section-id="5fc488f6a97599144e89becf"] .content {
        width: 90% !important;
    }
    /* working with you */
    div#page-section-5fc657f43f75b16643acacb8 .span-8 {
        width: 95%;
        margin: 0 auto;
    }
    div#page-section-5fc657f43f75b16643acacb8 .span-2 {
        display: none;
    }
    div#page-section-5fc657f43f75b16643acacb8 .span-10 {
        width: 100%;
    }
    /* About page */
    [data-section-id="5fdc81bbd1d11b6b5bc0908b"] .content {
        width: 100% !Important;
    }
    [data-section-id="5fdc81bbd1d11b6b5bc0908d"] .content {
        width: 95% !Important;
    }
    /* about - your prosper */
    [data-section-id="5fdc81bbd1d11b6b5bc0908f"] .content {
        width: 95% !important;
    }
    /* our values buttons */
    [data-section-id="5fdc892a9208b55ab496c8aa"] .content {
        width: 95% !important;
    }
    }

     

    Awesome, thanks.  It's definately looking much better.  I think the working with section still look slightly out, but I'm looking at it in ipad mode on Chrome dev tools so not sure if thats browser related.  

    Looks like I may need to do some more work tweaking the other lcoation pages now as some of the layouts don't look great.  

  3. Site URL: https://www.bondprosper.com/london-property-market

    Hi guys,

    I've put forms on multiple pages for a customer to request a call back, however the post-submit message is left aligned as shown below.  (The message I've used is 'Thanks for requesting a call back. We'll be with you shortly!')

    Is there some code I can add to make all forms post-submit message centre aligned please?  I'd prefer to add one line of code for all forms instead of having to amend every form section on every page I've used it if possible.  

    image.png.6fcac093f876e6f9d917f5e9ddded372.png

    Thanks in advance!

  4. On 4/12/2021 at 10:37 PM, tuanphan said:

    and some other problems, comment here if you need to fix any.

    Site URL – https://www.bondprosper.com/

    1. (Tablet-Footer) Want to increase some text width?

    tablet-footer-min-3.png

    2. (Tablet-Homepage-01) Increase this text width?

    tablet-homepage-01-min-4.png

    3. (Tablet-Homepage-02)

    tablet-homepage-02-min-4.png

    4. (Tablet-About-01) Increase section width?

    tablet-about-01-min.png

    5. (Tablet-About-02)

    tablet-about-02-min.png

    6. (Tablet-About-03) Want to change buttons width & make height equal?

    tablet-about-03-min.png

    7. (Tablet-London)

    tablet-london-min.png

    8. (Tablet-Manchester-01)

    tablet-manchester-01-min.png

    9. (Tablet-Manchester-02)

    tablet-manchester-02-min.png

    Yes this all needs fixing right.  Is there some header code that can be entered to make this all sit better when in tablet mode?  It seems the Squarespace code doesn't work well for tablet format size.

  5. On 4/12/2021 at 3:57 PM, tuanphan said:

    It looks like you changed arrow style. Do you still need help on this?

    Hi, yes I still need help with this.  How did I change the arrow style?  I only entered the code you provided.  Is there a way to change this back to the smaller arrows?  I would prefer them to be the same arrows as before, however with the arrows located underneath the persons name who provided the testimonial.

  6. On 3/31/2021 at 5:01 PM, tuanphan said:

    Add to Home Page Header

    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
    $(document).ready(function() { 
    		$('#block-yui_3_17_2_1_1615970763184_8436 .sqs-gallery-design-carousel .sqs-gallery-controls').insertBefore('div#block-f83c0ffcc12ee1beccd3');
    	});
    </script>

     

    Thanks.  I've done that, they don't quite sit right though, they are sitting over the text.  

  7. On 3/25/2021 at 7:56 AM, tuanphan said:

    Add to Design > Custom CSS

    
    
    /* Home testimonial */
    body.homepage .summary-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

     

    I've done that, thanks.  That moved the name below the quote! Is it possible to move the arrows below the name as well?

  8. On 3/27/2021 at 9:48 AM, tuanphan said:

    Try adding to Design > Custom CSS

    
    figcaption.gallery-caption.gallery-caption-reel {
        position: absolute !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        margin-top: 0 !important;
    }

     

    Done.  Just need to make the images circles, and then align the text centrally.  

    I tried to add the font color and type to the code you gave me but it didn't work? 

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