Jump to content

lamdra

Circle Member
 View Profile  See their activity

  • Posts

    63

  • Joined

  • Last visited

 Content Type 

Posts posted by lamdra

    Scrolling marquee sometimes cuts off text

    in Site Design & Styles

    Posted

    Site URL: https://yampa-icehouse.squarespace.com

    I'm using the scrolling block for the first time. And after adding some CSS code to control the font in there it's acting very strangely. Even if I pull the code out it remains all cut off. Anybody experience this before? 

    I'll attach how it looks currently and how it should look...

    site: https://yampa-icehouse.squarespace.com

    pass: smok

    CSS I'm using to edit the contents:

    div.marquee-block * {
      font-family: 'atrament-web'!important;
      font-weight: 500!important;
      letter-spacing: 0.05em!important;
      text-transform: uppercase!important;
      line-height: 0em!important;
      padding-top: 0px!important;
    }

    section[data-section-id="62bf411d5f0d75795dcecb37"] { 
      .content-wrapper {
      padding: 0 !important;
      max-width: 100vw;
      }
    }

    Appreciate any insight into why this is happening. Thanks!

     

    Screen Shot 2022-07-01 at 3.47.21 PM.png

    Screen Shot 2022-07-01 at 3.50.50 PM.png

    Customise/Style Eventbrite embedded “buy tickets” button to match site buttons

    in Customize with code

    Posted

    10 minutes ago, paul2009 said:

    The ellipses is the unique reference for your eventbrite event, which is why I haven't shown it. To style all the buttons in the same way, simply add the class as I explained, and then refer to this class in your Custom CSS instead of referring to the ID. If you need more help, please provide some details of the code you have added and what isn't working for you.

    right, I get it's a unique event which is what I used for the button styling, just wasn't sure what syntax is needed to add more events since I'm not familiar with how to write that code and separate them (I.e comma, semicolon, etc. I haven't implemented it yet but will paste the code in when I do.

    Thanks for the reply.

    Customise/Style Eventbrite embedded “buy tickets” button to match site buttons

    in Customize with code

    Posted

    On 2/25/2022 at 3:59 PM, paul2009 said:

    Yes, if you can add a class to the eventbrite button when you paste in the code you can then use this to target all the buttons with the same class.

    For example: 

    <button class="myeventbutton" id="eventbrite......

    And then you'd put your styles within this: 

    button.myeventbutton {

}

     

    Looking for this as well, I was able to style the individual button but this will save a lot of time. What would be the proper way to list multiple id's in that class (looking for what fills in those elipses in your example?)

    Thanks!

    Remove padding from images and section with css in 7.1

    in Customize with code

    Posted

    6 hours ago, bangank36 said:

    Try  

    section[data-section-id="61846d6adeb0e63272bb2812"]  .content-wrapper {
  padding:0 !important;
}

    Let me know how it works on your site

    Press 👍 or mark this answer as solution to help another one too

    That did it! Thank you! Can you tell me how you resolved it? Seems like I was just targeting the wrong section id but I thought I had it identified correctly. Thanks for your help.

    Remove padding from images and section with css in 7.1

    in Customize with code

    Posted

    Site URL: https://midnight-revival.squarespace.com

    Does anyone know how I can remove the padding from this section and the images within. Essentially I want the 2 images to take up the entire section but I can't seem to get rid of the background at the bottom and on the sides in mobile. Images attached.

    https://midnight-revival.squarespace.com

    password: midnight

    I'm currently using this code but still get a sliver on the bottom for desktop and all around on mobile:

    section[data-section-id="61816aad28ce603e37e25798"] .content-wrapper {
      padding-top:0 !important;
      padding-bottom:0 !important;
      padding-right:0 !important;
      padding-left:0 !important;
    }

    #block-yui_3_17_2_1_1636068733069_2859 {
      padding: 0px !important;
    }

    #block-yui_3_17_2_1_1636068733069_3898 {  
      padding: 0px !important;
    }

     

     

    1143421459_ScreenShot2021-11-04at6_00_30PM.thumb.png.cc7d0296a7211818afdf044c445b5407.png

    Screen Shot 2021-11-04 at 5.57.32 PM.png

    How to keep padding on heading text highlight when line breaks

    in Customize with code

    Posted

    On 10/30/2021 at 7:37 PM, tuanphan said:

    How do you want the text to appear on the desktop-tablet-mobile?

     

    I'd like there to be padding on the left of the text when it drops down a line. The way "Call Loca" looks is what I'm after but unless I manually add a return and a space I can't get it. For example what you see before "Time" is what it looks like if it just automatically drops a line in smaller screens.

    Is there a way to keep that left padding even when the sentence breaks into multiple lines?

    Screen Shot 2021-10-20 at 2.00.44 PM.png

    How to keep padding on heading text highlight when line breaks

    in Customize with code

    Posted

     

    I'm using the following code to add a highlight to my h2 when bolded but the highlight is abrupt when the line breaks in mobile or smaller browser size. Is there a better way to do this so that the highlight feels more like a background around all letters with equal space?

       
    h2 strong {
      background: #1b1b1a;
      padding-top: 7px;
      padding-bottom: 7px;
      font-weight:normal !important;
    }

     

    URL: https://cantina-loca.squarespace.com/

    Password: 8989

    1856486637_ScreenShot2021-10-20at12_52_15AM.thumb.png.a6ae41ca8349392f1d76eb61512835b6.png

    Custom Font not showing up on any other device

    in Customize with code

    Posted · Edited by lamdra

    Having same issue where custom font is not showing up on mobile. I've looked at all the above code but seems to check out. Need some expert guidance here. 

    https://slopeside.squarespace.com/

    password: 970

    @font-face {
      font-family: 'heinberg';
      src: url('https://static1.squarespace.com/static/60c7cc3317a5377b8eb02b43/t/60c90fe2cf09566543ea5a30/1623789538887/heinberg-regular-webfont.woff') format ('woff');
    }
      
    /* Custom Fonts */
    h1, h2, h3, h4 {
      font-family:'heinberg' !important;
      letter-spacing: 3px;

    }

    .header-nav *, nav.header-menu-nav-list * {
        font-family:'heinberg'!important;
      letter-spacing: 3px;
    }

    Any thoughts here @tuanphan? Thanks!

    OpenTable Block Customization

    in Customize with code

    Posted

    On 8/2/2020 at 6:35 PM, tuanphan said:

    Add to Home > Design > Custom CSS 

    
/* open table background */
.squarespace-opentable-new-age-wrapper {
    background: #862633 !important;
}
/* Button */
.squarespace-opentable-new-age-wrapper input {
    background: darkgrey !important;
}

     

    I just implemented this on my site as well but is there a way to move the "Find a table" button to the right? So that they're all in the same row? Thanks!

    adjust portfolio hover font in 7.1 mobile

    in Customize with code

    Posted

    Site URL: https://sepia-butterfly-e3x7.squarespace.com/

    I'm working through adjusting the mobile style settings for my new site but keep running into areas in 7.1 that don't seem to be adjustable without custom code. Does anyone know how I can adjust the size of the hover text in the portfolio when in mobile?

    Looks great on desktop but get's really large in mobile. Hoping for some CSS that can let me control that sizing. Desktop and Mobile screen captures attached.

    Thanks for your help!

    https://sepia-butterfly-e3x7.squarespace.com/

    Password: 1234

    Screen Shot 2020-03-16 at 6.30.45 PM.png

    Screen Shot 2020-03-19 at 10.09.24 AM.png

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources