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

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

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

"Yes the preview window expanding randomly is annoying isn't it?
We were just having a laugh about how long it has been like that."
584529363_fuzzypanelopener.gif.98d1a30153469a319fbde647eae7f492.gif 

Share this post


Link to post

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)

Share this post


Link to post
  • 0
31 minutes ago, brandon said:

how you can do that

Totally awesome, @brandon – voted up, liked and rewarded with my best GIF:

1045322559_topjob.gif.8177bc0d0787a6f99f2f7cc44dd0acb0.gif


"Yes the preview window expanding randomly is annoying isn't it?
We were just having a laugh about how long it has been like that."
584529363_fuzzypanelopener.gif.98d1a30153469a319fbde647eae7f492.gif 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...