Thormod_RK

@duckdog, did you find out more about this? I am also on the lookout for a dropdown/checklist option to choose a specific mailing list.

On 12/28/2023 at 4:59 AM, tuanphan said:

With color, use this code

div.header-nav-item--active>a {
    color: #ffa124 !important;
}

Do you need code on mobile?

Hi @tuanphan,

I would very much like to remove the active navigation link underline on mobile.

I have currently used this code (text-decoration: none!important), which is not removing the underline (although it should?):

@media screen and (max-width: 991px) {
    .header-menu-nav-item--active a {
      color:#d2145d!important;
      text-decoration: none!important;
    }
      .header-menu-nav-item--active:hover a
      {opacity: 0.5!important;
      transition: 0s 0s ease-in-out
    }
}

Website: www.aulaseriene.no

Thanks!

On 5/26/2021 at 2:37 AM, tuanphan said:

I don't see span in pagination title. Did you solve this?

The '<span>'s are gone, but the pagination titles uses the full title as entered in Project Settings (excluding <span>), cluttering the pagination. It would be fantastic if pagination could target "SEO Title" as correct page title instead of the project titles as entered in Project Settings.

Hope it makes sense?

On 5/13/2021 at 5:30 PM, tuanphan said:

The code will remove span text in pagination title. If the code doesn't work, can you share link to a portfolio? We can check easier

Ah, I see! As @tmdesign discovered, entering SEO titles will remove '<span>' from browser tabs + pagination in any case. However, hiding the subtitles (all text following the first <span>) is still the main issue for the pagination.

Would it be possible to target the pagination code to use the site titles entered in SEO? That would be it...

Here's an example project in my portfolio where you can see how the pagination is cluttered with long site titles even though browser tab titles are kept tidy using SEO titling: https://www.thormodkvam.com/projects/venskaben

On 5/9/2021 at 2:52 PM, tuanphan said:

 

With Browser Tab title, you can edit SEO Title

With pagination title, add this to Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("h2.item-pagination-title").each(function(){
    $(this).html($(this).text());
  });
});
</script>

Or you can replace Pagination Title with Next/Previous Text, if you want this, I will give the code

 

@tuanphan: what would this code do? (When pasting it into the footer code, there is no difference.) Is there a way to route the code to use the SEO titles as pagination titles? That would be amazing...

Sorry for my amateur question – I'm very inexperienced with jQuery, I'm afraid.

On 5/7/2021 at 6:49 PM, paul2009 said:

Ooh, that's interesting for a number of reasons. Not to worry!

I've rewritten it in plain JavaScript for you:

<!-- Translate 'Back to All Events' on Squarespace 7.1 ------------------------------------->
<!-- Copyright Soundfocus Digital [sf.digital] --------------------------------------------->
<!-- Use freely in your code injection. Do NOT re-publish.---------------------------------->
<script>
  window.addEventListener('DOMContentLoaded', (event) => {
    var backEvents = document.querySelector(".eventitem-backlink");
    if (backEvents) {
      backEvents.innerHTML = "Tilbake til programoversikt";
    }
})
</script>
<!-- End of Translate 'Back to All Events' ------------------------------------------------->

Let me know how you get on.

 

It worked perfectly. Such a tiny detail, but it truly makes a difference. Thank you so much, @paul2009!

5 hours ago, paul2009 said:

Hi Thormod

Try adding this to Settings > Advanced > Code Injection > Footer:

<script>
Y.on('domready', function() {
  Y.one(".eventitem-backlink").set('innerHTML', 'Tilbake til Alle Arrangementer')
});
</script>

Let me know how you get on.

Hi Paul,

Thanks for having a go at this! It didn't work, I'm afraid. There's quite a bit of code in my footer already, but I suppose other code won't block this one from functioning (as no other code is targeting .eventitem-backlink)...

Here's the code I used (just changed the link text – thanks for having a go even at translating it):

<script>
Y.on('domready', function() {
  Y.one(".eventitem-backlink").set('innerHTML', 'Tilbake til programoversikt')
});
</script>

39 minutes ago, tmdesign said:

@tuanphan @Thormod_RK I have been playing with the settings and come across the Project SEO settings. The default SEO settings includes all copy in the title (including span) shown by search engines and browser tabs, but this can be manually overridden using the 'SEO Title' field. See below:

While this means manually editing each project, and does not solve the pagination issue, it at least allows subtitles without coding in the browser tab text. I hope this helps for now in absence of a CSS edit for the SEO reference etc.

Thanks @tmdesign, it does help to some extent. However, the main issue would still be pagination + browser tabs, where the full title including <span> or # would still be visible.

Any thoughts? I assume some jQuery work needs to be done!

@tuanphan, sorry for the lack of reply – as you were a bit overloaded back in February (probably still is?!) and this wasn't urgent, I decided to wait. But this is still to be fixed, so I'm curious whether you get it to work with @tmdesign's site!

On 4/23/2020 at 1:58 PM, paul2009 said:

I find that works really well too, because vacancies disappear after the closing date 🙂.

You can rename the label but the exact solution will depend on your site's version/template/billing plan. Can you provide some details?

Hi @paul2009,

I would also like to know how to rename the 'Back to all Events' label. Do you know how? Here's the site: https://www.aulaseriene.no/program-v2/lieder-290521 (still under development)

I've got a Business Plan and my site is running 7.1. This entry is getting old, but I can't find any other posts enquiring about renaming this particular label. Fingers crossed you can still help!

On 2/4/2021 at 2:38 PM, tuanphan said:

You can add first, then we can take a look

Hi @tuanphan,

I have now made the site public, please see this link: https://www.thormodkvam.com/projects

I've used <span> to style the portfolio subtitle in "The Aula Series" (the first project), but as you can see, the whole title shows in browser tab + pagination. It would be great if one could keep only the main title in browser tabs + pagination to maintain a clean design.

In advance – thanks a lot!

2 hours ago, tuanphan said:

You can use | or - character, however this will require JavaScript to solve.

You can add Title | Sub Title| then we  will check.

It sill appear on browser tab, however I think it will be better than <br> tag.

Thanks, @tuanphan. The use of | definitely looks better, but as you say – the titles will still show on browser tabs and in pagination. As for jscript, would this be a complicated matter to solve?

@vcampaner, did you find a solution?

Hi @tuanphan,

First of all – thanks for your generosity and helpfulness across the forum.

Regarding the Portfolio thumbnail subtitling using <span>, these subtitles also show as part of the portfolio item's title (thus it also appears on top of the browser window when entering the portfolio item page, as well as in the pagination field, where too long titles often clutter the layout). See attached screenshot.

Is there any way to add subtitles on Portfolio thumbnails without cluttering the page titles with the same text?

PS: it seems you can also add simple code like <br> and font-styling in the title field in the settings of each portfolio item, and they will show correctly on the portfolio thumbnails. However, then all the text + coding also appear as page titles just like when using <span>.

Thanks!