Jump to content

claudianuria

Member
  • Posts

    16
  • Joined

  • Last visited

Everything posted by claudianuria

  1. Hello, I would like to change the logo in each portfolio project but not in the main portfolio page called 'work' in this case. I have tried the following and it just changes the colour on the 'work' page not the projects. <style> .view-list .header-title-logo img { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } </style> penguin-tiger-pjcj.squarespace.com password: alfiespace Thanks!
  2. Hello, I have coded the font in CSS as follows and it is not showing on the phone: @font-face { font-family: 'ALASKA'; src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d3173fc1606b764bb1b/1685548337544/Alaska-Regular.woff2') format('woff2');/* Super Modern Browsers */ src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d3173fc1606b764bb1b/1685548337544/Alaska-Regular.woff2') format('woff'),/* Pretty Modern Browsers */ url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d3173fc1606b764bb1b/1685548337544/Alaska-Regular.woff2') format('embedded-opentype'),url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d3173fc1606b764bb1b/1685548337544/Alaska-Regular.woff2') format('truetype');/* Safari, Android, iOS */ } @font-face { font-family: 'ALASKA-MEDIUM'; src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776c4ddd22ff27d28ebca3/1685548109170/Alaska-Medium.woff2') format('woff2');/* Super Modern Browsers */ src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776c4ddd22ff27d28ebca3/1685548109170/Alaska-Medium.woff2') format('woff'),/* Pretty Modern Browsers */ url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776c4ddd22ff27d28ebca3/1685548109170/Alaska-Medium.woff2') format('embedded-opentype'),url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776c4ddd22ff27d28ebca3/1685548109170/Alaska-Medium.woff2') format('truetype');/* Safari, Android, iOS */ } @font-face { font-family: 'ALASKA-SEMIBOLD'; src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d588aec5035c0ba6765/1685548376684/Alaska-SemiBold.woff2') format('woff2');/* Super Modern Browsers */ src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d588aec5035c0ba6765/1685548376684/Alaska-SemiBold.woff2') format('woff'),/* Pretty Modern Browsers */ url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d588aec5035c0ba6765/1685548376684/Alaska-SemiBold.woff2') format('embedded-opentype'),url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776d588aec5035c0ba6765/1685548376684/Alaska-SemiBold.woff2') format('truetype');/* Safari, Android, iOS */ } @font-face { font-family: 'CIGARS'; src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776db2859eb2196b4f46ab/1685548467036/Cigars-Regular.woff2') format('woff2');/* Super Modern Browsers */ src: url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776db2859eb2196b4f46ab/1685548467036/Cigars-Regular.woff2') format('woff'),/* Pretty Modern Browsers */ url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776db2859eb2196b4f46ab/1685548467036/Cigars-Regular.woff2') format('embedded-opentype'),url('https://static1.squarespace.com/static/646dd4691728bd71451d4d32/t/64776db2859eb2196b4f46ab/1685548467036/Cigars-Regular.woff2') format('truetype');/* Safari, Android, iOS */ } h1 {font-family: 'CIGARS';} h2 {font-family: 'CIGARS';} h3 {font-family: 'ALASKA-SEMIBOLD';} h4 {font-family: 'ALASKA-SEMIBOLD';} p {font-family: 'ALASKA';}
  3. Hello, I have reversed the title and the category with some code I have found in this forum and it has worked. Now I would like to reduce the padding between the bottom of the title and the category. Also is there a way to create a rectangle to go around the category so it looks like a button? beamsrenovation.com Thanks!
  4. Hello, I would like to know if there is a way to align the start of the carousel with the text above 'bathrooms' so that is not overflowing to the left like it currently is. Thanks!
  5. Hello, I would like to split my navigation header but so that I can choose one link to go the right of the logo which at the moment is centred. I want 'for contractors' (now not linked) to sit to the left of 'get an estimate' button. Thanks!
  6. Site URL: https://www.theirongates.com/ Hello, I would like to change the fonts of the pop up to fonts I have been using throughout the website. I have the CSS for the header: h1#sqs-slash-page-header { font-family: 'CASTLE' !important; } I just would like to change the body to 'TIEMPOS', the 'email here to 'TIEMPOS' and the subscribe to 'MANGO'. Could anyone let me know the CSS code for this? Thanks!
  7. Site URL: https://www.theirongates.com/ Hello, I would like to know if anyone knows the new CSS code for the changing of button fonts. I have this but doesn't seem to work anymore: .sqs-block-button-element {font-family: 'MANGO'; text-transform: uppercase;} Thanks!
  8. Site URL: https://www.theirongates.com/ Hello, I am looking for the CSS code to change the title at the top 'Meet the Residents' on the home page. Thanks!
  9. Solved the problem by playing around with justify content: flex-start or flex-end
  10. I found another answer here but navigation items to the right keep on moving again. So same problem again. This does NOT solve it.
  11. Site URL: https://www.claudianuria.com/ Hello, I would like to split my header navigation so it is left and right from the centred logo. I have tried the following but when making the window smaller or bigger the navigation links on the right keep moving. Please can someone help? Thanks! Password is: 123password @media screen and (min-width:992px) { .header-nav-item:nth-child(n+4) { position: relative; left: 60vw; top: -25px; } }
×
×
  • 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.