Styling click-goto border in Harlowe

When you use (click-goto:?page,“Passage name”) in Harlowe 3.3.8 entire page become a link and there is a blue border around entire passage. How can I style this border? I want to change its color.

Hiya!

You can find what element you need to target with the Inspect Tool of your browser :slight_smile:

In your case, you would need to edit the color rule of the element:

.enchantment-clickblock > :not(tw-enchantment)::after

Normally it looks like:

.enchantment-clickblock>:not(tw-enchantment)::after {
  content:"";
  width:100%;
  height:100%;
  top:0;
  left:0;
  display:block;
  box-sizing:border-box;
  position:absolute;
  pointer-events:none;
  rgba(65,105,225,.5);
  transition:color .2s ease-in-out
}

When I change rgba(65,105,225,.5); to different color, border in a game is still default blue.

Right… I forgot it has two colours: the normal state and when you hover on the page, which is:

.enchantment-clickblock > :not(tw-enchantment):hover::after

So you will need to change the colour of both the first element (the normal state) and this one (when you hover the mouse on the page).

Now it works, thank you very much!