lilleyluna
Circle Member-
Posts
2 -
Joined
-
Last visited
lilleyluna's Achievements
Level 1 (1/20)
0
Reputation
-
lilleyluna started following Custom font not working
-
Here's the custom css on the website. It suddenly stopped working on this site and another one under my account. Specifically custom fonts. The files are uploaded. It looks like SS is fully operational right now. Is there something wrong wtih the code? SITE 1 https://www.eriellegraycreative.com/ /* font styles for h3 and h4 */ h3, h4 { font-family: 'PinyonScript'; } @font-face { font-family: 'PinyonScript'; src: url('https://static1.squarespace.com/static/649079639ab9cc0ff9f9791d/t/6491956b06a583532ef5f7d0/1687262572021/Pinyon+Script.woff2'), url('https://static1.squarespace.com/static/649079639ab9cc0ff9f9791d/t/6491957416317165f7985f34/1687262580630/Pinyon+Script.woff'), url('https://static1.squarespace.com/static/649079639ab9cc0ff9f9791d/t/64919578074d6e398212b4aa/1687262585044/Pinyon+Script.ttf'); } /* Font style for paragraphs*/ p { font-family: 'OpenSauceSans-Light', sans-serif; @font-face { font-family: 'OpenSauceSans-Light'; src: url('https://static1.squarespace.com/static/649079639ab9cc0ff9f9791d/t/64907f2d77c8e2073802ceb6/1687191341840/OpenSauceSans-Light.ttf'), } /*Button Styles-*/ #block-6467bec116f82c69e7d64ca1 .sqs-block-button-element:hover {background-color:#f6c03c; color:#000} sqs-block-button-element:hover {box-shadow: 0px 2px 5px rgba(0,0,0,.3)} } /* Font style for site header */ .site-header { font-family: 'Maharlika', sans-serif; } SITE 2 https://www.luneermgmt.com #block-yui_3_17_2_1_1654121289252_2577 { margin-top: 40px; } .user-items-list-simple .list-item { border: 1px solid #111; height: 95%; margin: 10px; } div.list-section-title p, h2.list-item-content__title { font-family: 'Noir' !important; } section[data-section-id="6272787607fb9038a1ed33ae"] {.sqs-block-button-element { width: 70%;}} .header-menu-nav-item a { font-size: 16px; } section[data-section-id="6256e3de2b60be6f358c1e3c"],section[data-section-id="62581bd5027a276527406902"] { @media screen and (max-width: 641px) { h1 {font-size: 30px;} h1 em {font-size: 11px;} h2 em {font-size: 12px;}}} #block-yui_3_17_2_1_1649951989389_26644 {width:70%; margin:auto;} #page { overflow: hidden !important; } // Solid Underline Form // .field-list .field-element{ border-color: #000000 !important; border-bottom: solid 2px #000000 !important; border-left: none !important; border-right: none !important; border-top: none !important; background-color: transparent !important; } .field-list select:focus{ outline-color: #000000 !important; } .field-list .section{ border-color: #000000 !important; } //about page// @media screen and (min-width:641px) { #block-yui_3_17_2_1_1649944911910_6498 { margin-top:-55%; }} //testimonials// .user-items-list .list-section-title p { font-size: 20px; } //about page// #block-yui_3_17_2_1_1649940372809_4094 {width:-30%; margin-top:-40%;} //BORDER// .design-layout-inline .image-block-wrapper {border: 1px solid #000; overflow:visible!important;} .design-layout-inline img {margin-left: 0px; margin-top: 0px; } #block-yui_3_17_2_1_1649951989389_26644 { .design-layout-inline .image-block-wrapper {border: 0px solid #000; overflow:visible!important;} } //center// section[data-section-id="62577fea849dc52814ef8da1"] { .sqs-row { display:flex; align-items: center; } } //header button// .header-actions .btn, .header-menu .header-menu-cta a { font-family: 'ARIAL'!important; color: #F5ECE1; border: 1px solid #F5ECE1 !important; letter-spacing: 0.15em!important; text-transform: uppercase!important; } #block-yui_3_17_2_1_1649901694540_3674,#block-yui_3_17_2_1_1649901549145_3635,#block-yui_3_17_2_1_1649901694540_4575 { align-items: center; } section[data-section-id="62577fea849dc52814ef8da1"] { @media screen and (min-width:641px) { .sqs-col-4 { box-sizing:border-box; padding:4% !important; } .sqs-col-4:nth-child(2) { border-right:1px solid #9E4C1F; border-left:1px solid #9E4C1F; } } } section[data-section-id="625779a2455491577e09d403"] { display: flex; align-items: center; } //HEADER VA// section[data-section-id="62e1a4bbbf58aa092693b2c0"]{ background-color:#000; @media(min-width:767px){ .section-background{ width:35%; margin-right:50%; } .content-wrapper { width:50%; margin-left:43%!important; } } @media(max-width:767px){ display:block; .section-background, .content-wrapper{ position:relative; } .section-background{ height:200px; } }} //HEADER// section[data-section-id="6256e3de2b60be6f358c1e3c"]{ background-color:#F5ECE1; @media(min-width:767px){ .section-background{ width:35%; margin-right:50%; } .content-wrapper { width:50%; margin-left:43%!important; } } @media(max-width:767px){ display:block; .section-background, .content-wrapper{ position:relative; } .section-background{ height:200px; } }} //section 2// section[data-section-id="62577ce6b1da4c6154589c66"]{ background-color:#F5ECE1; @media(min-width:767px){ .section-background{ width:50%; margin-left:50%; } .content-wrapper { width:50%; margin-right:50%!important; } } @media(max-width:767px){ display:block; .section-background, .content-wrapper{ position:relative; } .section-background{ height:200px; } }} //red split// section[data-section-id="625835ae3970573fcf1b155d"],section[data-section-id="62581bd5027a27652740690a"]{ background-color:#9E4C1F; @media(min-width:767px){ .section-background{ width:50%; margin-left:50%; } .content-wrapper { width:50%; margin-right:50%!important; } } @media(max-width:767px){ display:block; .section-background, .content-wrapper{ position:relative; } .section-background{ height:200px; } }} //HEADER// section[data-section-id="62581bd5027a276527406908"],section[data-section-id="62581bd5027a276527406902"],section[data-section-id="62577dd0455491577e0a598b"]{ background-color:#161D18; @media(min-width:767px){ .section-background{ width:35%; margin-right:50%; } .content-wrapper { width:50%; margin-left:43%!important; } } @media(max-width:767px){ display:block; .section-background, .content-wrapper{ position:relative; } .section-background{ height:200px; } }} //HEADER// section[data-section-id="62581bd5027a276527406902"],section[data-section-id="62577dd0455491577e0a598b"]{ background-color:#161D18; @media(min-width:767px){ .section-background{ width:35%; margin-right:50%; } .content-wrapper { width:50%; margin-left:43%!important; } } @media(max-width:767px){ display:block; .section-background, .content-wrapper{ position:relative; } .section-background{ height:200px; } }} //WHITE BUTTONS// section[data-section-id="626b2f1afd4cc6667e6193e4"],section[data-section-id="625835ae3970573fcf1b155d"],section[data-section-id="62581bd5027a27652740690a"],section[data-section-id="62581bd5027a276527406908"],section[data-section-id="62577dd0455491577e0a598b"],section[data-section-id="62577bb5172b3762c2e38d3f"] { p a { font-family: Poppins-SemiBold; font-size: 14px; font-weight: 400; letter-spacing: 0.3em; line-height: 1.5em; padding: 2px 0; color: #fff !important; text-transform: uppercase; border: none !important; border-bottom: 1px solid #fff !important; display: inline-block; margin-top: 25px; }} //BUTTONS// p a { font-family: Poppins-SemiBold; font-size: 16px; font-weight: 400; letter-spacing: 0.3em; line-height: 1.5em; padding: 2px 0; color: #000 !important; text-transform: uppercase; border: none !important; border-bottom: 1px solid #000 !important; display: inline-block; margin-top: 25px; } //ITALICS// h3 em { font-family: 'arial'; font-size: 20px; font-weight: 400; letter-spacing: 2px; font-style: normal; } h2 em { font-family: 'arial'; font-weight: 400; font-size: 15px; letter-spacing: 2px; line-height: 12px; font-style: normal; } h1 em { font-family: 'arial'; font-size: 18px; font-weight: 00; letter-spacing: 3px; font-style: normal; } h1 { font-family: 'noir'; } h2 { font-family: 'noir'; } h3 { font-family: arial; font-size: 34px; } h4 { font-family: 'arial'; font-weight: 400; font-style: none; font-size: 26px; letter-spacing: 0.1em; text-transform: Normal; line-height: 1em; } @font-face { font-family: 'Questrial-Regular'; src: url('https://static1.squarespace.com/static/6256e2acabc5e3203a27e270/t/6256e32b65d3d501c7a2a719/1649861419444/Questrial-Regular.ttf'); } @font-face { font-family: 'noir'; src: url('https://static1.squarespace.com/static/6256e2acabc5e3203a27e270/t/6256e33018cdd5011222304a/1649861424488/NOIRetBLANC.otf'); } P { font-family: 'Questrial-Regular'; font-weight: 400; font-style: none; letter-spacing: 0.15em; text-transform: Normal; line-height: 1.7em; } .blog-item-title h1.entry-title { font-family: noir !important; } .blog-item-wrapper .blog-item-title h1.entry-title { font-size: 2rem; } .sqs-block-summary-v2 { .summary-title, .summary-heading { font-family: noir !important; }}
-
How Can I Show Both Site Title and Logo in Header?
lilleyluna replied to a topic in Customize with code
Hi! Does anyone know how to do logo on the left, menu in the center, site title on the right? I was messing around with this but it's not working right // header title .header-title-logo a:after { content: "LUCAS GODLEWSKI"; display: inline-block; font-size: 22px; font-family: Abel; color: black; text-align: center; vertical-align: center; font-weight:500; padding-left: 50px; } .header-title-logo img { vertical-align: right; }- 96 replies
-
- logo
- site-title
-
(and 1 more)
Tagged with: