god69

Hi, That worked - thank you as always ! Is there a way for me to have a bit more precise control over the distance there, say adjusting the line height by "em" or "px" ?

Site URL: https://madeofair.com Hi ! I would like to reduce the line height of some text on the 'Our Team' page of my site (madeofair.com) >>>> https://www.madeofair.com/ourteam There is too much distance between the titles and the subtext (see photo example below) Many thanks in advance, - K

@paul2009 that worked ! wow ok it just needed the * 🙂 thank you !! have a nice day

Site URL: https://www.madeofair.com/ Hi, I am tweaking my site (madeofair.com) for tablet format using custom css. I am struggling with the "auto layout" list section. It looks good on desktop and mobile, but tablet is not looking good at all. Here is a photo of that: I tried a variety of css codes to change the margin, padding, width, etc, but I can't seem to find the write combination. * note: this code is not correct * section[data-section-id="615b2fd71249de2a06ebdfcf"] { padding-left: -250px !important; padding-right: -250px !important; } h1, .user-items-list-item-container * { font-family: 'geographmedium' !important; width: 25vw; } From my tests, I could successfully increase the size of the images and the text, but could not figure out how to extend the width of the content to make more space for the text to fit properly. I figured out how to manipulate the title font size, but then it was effecting all the H1 text on the site, which we do not want to do obviously haha. I would like to do one of the following: 1) reduce the title font size so title text fits better 2) extend margin on left and right so the text has more space 3) shrink the overall size of the list section so all three items can have more space and of course, I am open to suggestions on what you think is best. Many thanks in advance, - Kristen

@tuanphan Thank you for your quick reply. No, not that space. I am referring to the line height in the title text on the overlap image blocks. .sqs-block-image .design-layout-overlap .image-title { line-height: 1.2 !important; } The title text here has a larger line height than the rest of my site. I tried to change it with css and can successfully change certain elements of the title and subtitle text, but it will not allow me to reduce the line height any smaller than what you see here. Side note: I am using squarespace 7.1

Hi, I am also having the same issues. You will find the overlap image blocks on the home page (News). Here is the link: www.madeofair.com I tried lots of different css codes - its strange because the code successfully allows me to increase the line height, font size, letter spacing with no problem, but it will not allow me to reduce the line height of in the image block overlap areas. Let me know if I can provide you with any other information. Many thanks in advance, Kristen