treaves
Member-
Posts
19 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
treaves's Achievements
-
Custom font on mobile nav button not working
treaves replied to treaves's topic in Customize with code
Site url is https://www.legacyaccountants.co.nz/ I also can't figure out how to get the date and tags on the blog to change to my custom font. This is the CSS code I've added.... //BLOG// .entry-title {font-family:'calibri-bold'!important}; .blog-title {font-family: 'calibri-bold'!important}; .summary-title {font-family: 'calibri-bold'!important}; .blog-date {font-family: 'calibri-regular'!important}; .blog-item-wrapper {font-family: 'calibri-regular'!important}; .item-pagination-link {font-family: 'calibri-regular'!important}; .item-pagination-title {font-family: 'calibri-regular'!important}; .blog-meta-item {font-family: 'calibri-regular'!important}; .blog-more-link { font-family: 'calibri-regular'!important}; .blog-meta-item span, .blog-meta-item a, {font-family: calibri-regular !important;} Thank you so much!- 6 replies
-
- css
- mobile-information-bar
-
(and 1 more)
Tagged with:
-
treaves started following Custom font on mobile nav button not working
-
Hi everyone! I am having trouble figuring out how to get my custom font to show on the mobile nav button, see screenshots. The Calibri font is showing on the desktop header but the same button on mobile is the template font that I just cannot get to change. This is what I have in my CSS: // MOBILE NAV // .header-nav *, nav.header-menu-nav-list * {font-family: 'calibri-regular';} //HEADER BUTTON// .header-actions-action--cta .sqs-button-element--primary {font-family: 'calibri-bold'!important;} //BUTTONS// .sqs-block-button-container a{ font-family: 'calibri-bold' !important;} .sqs-block-button-element--medium, .sqs-button-element--primary {font-family: 'calibri-bold';} .sqs-block-button-element--large,.sqs-button-element--secondary {font-family: 'calibri-bold';} .sqs-block-button-container a{font-family: 'calibri-bold'!important;} #siteWrapper .sqs-button-element--primary {font-family: 'calibri-regular';} What am I missing? password is legacy24 Thank you!
- 6 replies
-
- css
- mobile-information-bar
-
(and 1 more)
Tagged with:
-
Site URL: https://chicory-apricots-5jcj.squarespace.com/ Hi there, I am wanting to overlay large text over a static image on my website, essentially adding a text 'layer' over the top of the image so the text is larger than the image like this example https://www.digitalflirt.co.nz/ Can anyone help me with this?
-
Great thank you. What email address do I use?
-
-
Actually it worked perfectly on the about us page but not on the 'Add a section' pop up. It's obviously not on the live site so it doesn't matter too much but it would be good to give my clients are perfect site.
-
Sorry yes, I am not sure why there are 2
-
Perfect! Thank you that worked
-
Site URL: https://ultrashield-test-site.squarespace.com/ Morning! I have added CSS to my test site to have tick icons on lists instead of bullet points but it has added ticks to the 'Meet the team' template as I am assuming that it's based on a list? Can anyone help me remove them from the 'Meet the team' section on the about page but leave them on the other pages please? The ticks are also showing up when I click 'Add a section' which I would like removed too. Password for site is ultrashield The CSS I used to replace the bullet points in lists is below ul[data-rte-list] li>*:first-child::before {content: " " !important;} ul li:before{ content: ''; display:inline-block; background-image: url(https://static1.squarespace.com/static/6152c22e5f436533ff973505/t/615d6ea347308d4417d54a8f/1633513123909/Ultrashield+tick.png); background-repeat: no-repeat; background-size: 20px; background-position: center; width: 20px; height: 20px; position: absolute; margin-left: -25px; margin-right: 0px; margin-top: 5px; margin-bottom: 0px; } Thank you
-
Site URL: https://ultrashield-test-site.squarespace.com/ Morning! I have added CSS to my test site to have tick icons on lists instead of bullet points but it has added ticks to the 'Meet the team' template as I am assuming that it's based on a list? Can anyone help me remove them from the 'Meet the team' section on the about page but leave them on the other pages please? The ticks are also showing up when I click 'Add a section' which I would like removed too. Password for site is ultrashield The CSS I used to replace the bullet points in lists is below ul[data-rte-list] li>*:first-child::before {content: " " !important;} ul li:before{ content: ''; display:inline-block; background-image: url(https://static1.squarespace.com/static/6152c22e5f436533ff973505/t/615d6ea347308d4417d54a8f/1633513123909/Ultrashield+tick.png); background-repeat: no-repeat; background-size: 20px; background-position: center; width: 20px; height: 20px; position: absolute; margin-left: -25px; margin-right: 0px; margin-top: 5px; margin-bottom: 0px; } Thank you