Link a portfolio project type thumbnail to an actual page

designedbyccc · Member · Oct 22, 2014 at 1:29 am
Copy link

Add topic to favorites
Hi there,

I am after some code or help to link a portfolio thumbnail directly to an actual page when the viewer clicks on the thumbnail.

https://twoviewsnz.wordpress.com – when the viewer clicks on the middle thumbnail “twoviews” ENTER SITE, will take them directly to this page https://twoviewsnz.wordpress.com/business-advisory/

Any help will be greatly appreciated :)

Thanks very much!

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Oct 22, 2014 at 8:41 pm
Copy link
I’m sorry but CSS cannot be used to add links where they don’t already exist.

Here is one possible workaround idea:

Maybe you could change “create-magic” to “business-advisory” here:
https://twoviewsnz.wordpress.com/wp-admin/post.php?post=54&action=edit

And copy the content from here https://twoviewsnz.wordpress.com/wp-admin/post.php?post=378&action=edit into that portfolio page instead.

The URL would have /portfolio/ in it, but it could still work with the right content.
designedbyccc · Member · Oct 22, 2014 at 10:10 pm
Copy link
thanks very much for your help :) I did that initially but my client doesn’t like how narrow the page was hence using “full page width” on a page… can I adjust the page width for these portfolio posts with css…?
designsimply · Member · Oct 22, 2014 at 10:28 pm
Copy link
can I adjust the page width for these portfolio posts with css…?

That could work! Each page will have it’s own unique body class you can use to target one page at a time in CSS.

Here’s a quick and dirty example:
```
@media screen and (min-width: 37.5em) {
	.postid-54 .page-content,
	.postid-54 .entry-content,
	.postid-54 .entry-summary {
		width: 1272px;
		margin: 0 auto;
	}
	.postid-54 img.size-big {
		margin-left: 0;
	}
}
```
You can adjust the 1272px value as needed.

The .postid-54 part refers to this page http://twoviewsnz.wordpress.com/portfolio/create-magic/

You can change the “create-magic” slug by editing the project and changing the permalink (just below the title at the top).

To learn more about how to check what CSS selectors the theme is using, check out this page:
http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/
designedbyccc · Member · Oct 22, 2014 at 10:32 pm
Copy link
Wow thanks so much that is perfect! Exactly what I was after :)
designsimply · Member · Oct 22, 2014 at 10:35 pm
Copy link
Yay! Cheers. :)

No items found.