Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Change the "All" text link in Jasper Index Navigation to "Home".


sssupers

Question

Hello, using the DONCAB Family and ( Templates: York, Artesia, Flores, Harris, JASPER, Jones, Lange, Shibori, Taylor),

I need to change the word 'All', sitting on first position of the Index Navigation to something else.

Link to the demo: https://jasper-demo.squarespace.com/chotto-jasper – Index Nav to be found at the very bottom.

977399813_jaspernav.gif.f9d3800e76ea8586ab4664a5e876498a.gif

Thanks for taking a peek!

 

 

Edited by sssupers


 1634774572_ezgif.com-gif-maker(12).gif.3836570d51f5ebc97283d974ac23db3b.gifHi, I'm sssupers.
 

Link to comment

2 answers to this question

Recommended Posts

  • 0

Yo. Here's the non-LESS-CSS version of how you can do that. All those @media statements can be condensed into your LESS mixin, if that's how they're generated originally. You could alternatively target it via :first-child if you wanted.

.index-navigation a[href="/"] {
	font-size: 0;
}

.index-navigation a[href="/"]:after {
	content: "None";
}

@media screen and (min-aspect-ratio:1/1) and (min-width:1280px) and (max-width:1920px) {
	.index-navigation a[href="/"]:after {
		font-size: 1.40625vw;
	}
}

@media screen and (min-aspect-ratio:1/1) and (max-width:1280px) {
	.index-navigation a[href="/"]:after {
		font-size: 18px;
	}
}

@media screen and (min-aspect-ratio:1/1) and (min-width:1920px) {
	.index-navigation a[href="/"]:after {
		font-size: 27px;
	}
}

@media screen and (max-aspect-ratio:1/1) and (min-width:1280px) and (max-width:1920px) {
	.index-navigation a[href="/"]:after {
		font-size: 1.40625vh;
	}
}

@media screen and (max-aspect-ratio:1/1) and (max-width:1280px) {
	.index-navigation a[href="/"]:after {
		font-size: 18px;
	}
}

@media screen and (max-aspect-ratio:1/1) and (min-width:1920px) {
	.index-navigation a[href="/"]:after {
		font-size: 27px;
	}
}

 

Edited by brandon

If a response helped you out, send a 'Like' 👍 (bottom-right) and/or 'Upvote' vote.jpg.c260784ece77aec852b0e3049c77a607.jpg (top-left)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...