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

The-Design-Order

Circle Member
  • Posts

    17
  • Joined

  • Last visited

Reputation Activity

  1. Like
    The-Design-Order got a reaction from mackenzieu in Custom font for blog title   
    Update! I figured this out. Incase anyone else is having difficulties. I am using Brine. I inspected the elements and it just looks like the naming is slightly different... 
    For the blog headings:
    h1.BlogItem-title {
        font-family: 'RoxboroughCF-Regular' !important;
    }
     
    For the list headings:
    .BlogList-item-title {
        font-family: 'RoxboroughCF-Regular'
    !important;
        font-size: 30px;
    }
     
     
  2. Thanks
    The-Design-Order reacted to christyprice in Different Banner Image on Mobile   
    If you are on 7.1, here are new instructions:
    How to Show a Different Banner Image on Mobile in Squarespace
  3. Like
    The-Design-Order got a reaction from creedon in Custom font for blog title   
    Update! I figured this out. Incase anyone else is having difficulties. I am using Brine. I inspected the elements and it just looks like the naming is slightly different... 
    For the blog headings:
    h1.BlogItem-title {
        font-family: 'RoxboroughCF-Regular' !important;
    }
     
    For the list headings:
    .BlogList-item-title {
        font-family: 'RoxboroughCF-Regular'
    !important;
        font-size: 30px;
    }
     
     
  4. Thanks
    The-Design-Order reacted to christyprice in Different Banner Image on Mobile   
    ETA: If you are on the newer Squarespace 7.1, this post has a walkthrough: How to Show a Different Banner Image on Mobile in Squarespace
     
    Hi @Joeyearthly,
    If you are using an index page, I have a different workaround that I like a bit better, since you can make whole area specific for mobile instead of just the banner image. I create two "sub-pages" at the top of the index page, one for desktop view (with the URL slug home-banner) and one for mobile view (with the URL slug home-banner-mobile). Then I add the following code to Custom CSS. (Note that if you want to edit the mobile from your desktop, you'll need to briefly comment out the code so you can see that page on desktop.)
    /* show home page block dependent on screen size */ @media only screen and (max-width: 780px) { #home-banner { display: none; } } @media only screen and (min-width: 781px) { #home-banner-mobile { display: none; } }  
  5. Thanks
    The-Design-Order reacted to tuanphan in Adjust poster text size on mobile   
    @The-Design-Order 
    @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1573602127450_9869 .image-title-wrapper * { font-size: 30px !important; } div#block-yui_3_17_2_1_1573602127450_9869 .image-title-wrapper .image-subtitle-wrapper * { font-size: 30px !important; } } Where poster 2 & 3?
×
×
  • Create New...