Jump to content

E8h5S7Z

Member
  • Posts

    12
  • Joined

  • Last visited

Posts posted by E8h5S7Z

  1. I designed a page without considering full-size browsing because I personally never maximize my browser.

    However, I didn't realize that maximizing the browser would have such a dramatic impact on the output. The website looks fine when the browser isn't maximized, even if it's quite large. But as soon as it's maximized, the fonts shrink and white spaces increase, effectively breaking the design.

    I'm wondering if there's any custom CSS code that can prevent this from happening. 

  2. 15 hours ago, tuanphan said:

    Use this

    body[class*="collection-type-blog"].view-item header#header {
        background-color: #f1f !important;
    }
    body[class*="collection-type-blog"].view-item header#header div.header-nav-item>a {
    	color: black !important;
    }

     

    This approach is proving to be a little complicated, so going to move in a different direction. Thank you for the assistance nonetheless!

  3. Hello,

    Is it possible to add a section atop the blog post? For the rest of my site, I utilize an image at the very top of the page, which in turn functions as the background to the header. This is the template I employed with the image/header combination I'm describing: https://www.squarespace.com/templates/lusaka-fluid-demo

    But because individual blog posts don't have this ability, the header on a blogpost is drastically different from elsewhere. I have custom social icons which make the default header on a blog/blog post page less than ideal.

    I'm assume this would be a difficult workaround, but throwing it out there.

     

  4. Hello,

    I am currently using the first pop-up promotion template, which has the image on the left and content on the right. I understand that Squarespace intentionally does not display the image on mobile devices, but I'm interested to know if it's possible to enable it using custom code.

    I apologize if this question has been asked before, but the previous solutions I found in the forum only addressed cases where the image was in the background, not side by side.

    In summary, I would like the mobile version of this specific template to resemble the desktop version.

    Capture3.PNG

  5. I know it is possible to reduce the size of the headshotby increasing the number of columns, but this only seems to take effect on the  desktop version of the site. One mobile it defaults to  one column, with the photos being quite large.

    Has anyone had any luck adding columns in the mobile version w/custom CSS or otherwise reducing the size of the photos when viewed on mobile? 

    Thanks!

  6. Hello,

    I managed to partially disable clickthrough's on my calendar using the following bit of code from thisforum, however it doesn't fully do the trick.

    Code used:

    .yui3-squarespacecalendar .small-layout .flyoutitemlist a {
        pointer-events: none !important;
    }
    .yui3-squarespacecalendar .background a {
        pointer-events: none;
    }
    .flyoutitem * {
        pointer-events: none !important;
    }

    The problem does NOT occur when the browser constrained, but when expanded the "August Test Event" becomes clickable. 

    Any help would be greatly appreciated!

     

     

    Capture.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.