Custom link through for blog delimiter

Hi, I am wanting to create a custom link through for a blog delimeter, is this possible? I have attached an image to reference.

On 8/5/2021 at 6:48 PM, TimBowman said:

Hi, I am wanting to create a custom link through for a blog delimeter, is this possible? I have attached an image to reference.

Hi. Can you share link to blog in screenshot?

Hi @tuanphan the link through is currently taking me through to a blog page with the related team members to that service (through service tags I have added) For now I have made the heading "RELATED CREATIVES" However it would be great if I could make the link through to take you to the service page rather than the blog page.

On 8/9/2021 at 5:40 PM, TimBowman said:

Hi @tuanphan the link through is currently taking me through to a blog page with the related team members to that service (through service tags I have added) For now I have made the heading "RELATED CREATIVES" However it would be great if I could make the link through to take you to the service page rather than the blog page.

Hi. Can you share link to a blog?

https://www.wolfandbadgerstudios.com/team-members

On 8/12/2021 at 4:29 PM, TimBowman said:

https://www.wolfandbadgerstudios.com/team-members

Hi,

You mean change these tags (under image) to services page, not blog page?

https://www.wolfandbadgerstudios.com/team-members/ella-smeddles

Hi @tuanphan yes exactly.

13 hours ago, TimBowman said:

Hi @tuanphan yes exactly.

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
  // photography
	$('span.blog-item-tag-wrapper [href*="tag/Photography"]').attr('href','https://beaverhero.com');
  // Post production
  $('span.blog-item-tag-wrapper [href*="tag/Post+Production"]').attr('href','https://google.com');
});
</script>

Hi @tuanphan, apologies for the delay! this has worked, thank you so much!

Hi @tuanphan is there a way to target specific text blocks to be justified or certain pages/sections, the centered text layout looks messy. I used the below codes but they did not work:

#collection-id {
 text-align: justify;
}

#collection-id {
#page .page-section:nth-of-type(1) {
 text-align: justify;
}
}

#blockidnumber {
 text-align: justify;
}

Hi,

Use this

#collection-id * {
 text-align: justify !important;
}

or this

#collection-id * {
#page .page-section:nth-of-type(1) {
 text-align: justify !important;
}
}

or this

#blockidnumber * {
 text-align: justify;
}

and this tool to find block id, data section id, page id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Hi @tuanphan, hope you are well!

I am having some issues with the contact "get in touch block" on my landing page and the buttons not being leveled on different screens. I duplicated the block and used one long spacer which seemed to help with getting the buttons to be leveled, however when looking from mobile view the buttons where not underneath the respective text. Is there another solution?

The first two images I have attached are off the current block layout, I changed the background colour in the second image so you can see how lines have been used to make the layout. The 3rd & 4th image is off a draft block ive created with the spacer and how it appears in mobile view.

The last images are examples of how on certain screen sizes they are not level.

You can view the live url here:

www.wolfandbadgerstudios.com

This will edit a lyout a bit. I don't know how to explain this case.

If you can add me as a contributor (content editor) I can make a quick video on how to solve this.

Message me if you need to get an email to add.

On 9/17/2021 at 6:14 PM, TimBowman said:

Hi @tuanphan, hope you are well!

I am having some issues with the contact "get in touch block" on my landing page and the buttons not being leveled on different screens. I duplicated the block and used one long spacer which seemed to help with getting the buttons to be leveled, however when looking from mobile view the buttons where not underneath the respective text. Is there another solution?

The first two images I have attached are off the current block layout, I changed the background colour in the second image so you can see how lines have been used to make the layout. The 3rd & 4th image is off a draft block ive created with the spacer and how it appears in mobile view.

The last images are examples of how on certain screen sizes they are not level.

You can view the live url here:

www.wolfandbadgerstudios.com

HI @tuanphan, I managed to get the buttons aligned using the following code:

//Get in touch button alligned - LP//
#block-yui_3_17_2_1_1629452287213_11327 {height:  5rem;}
#block-yui_3_17_2_1_1629452287213_70644 {height:  5rem;}
#block-yui_3_17_2_1_1629452287213_83794 {height:  5rem;}

On 10/7/2021 at 5:53 PM, TimBowman said:

Hi @tuanphan, our site www.wolfandbadgerstudios.com is looking terrible on ipad, all elements are all over the place, have you got any recommendations?

Hi.

Looks fine to me. Can you explain in more detail?