Docs

[bradkerin]

Hi there,

I am looking to set up my portfolio so that some items click through to the individual portfolio pages, and some click through directly to an external link.

I have seen this forum topic that is useful, but it makes all portfolio items click to external links – https://community.theme.co/forums/topic/directing-an-item-in-portfolio-to-a-page/#post-36075

I am setting up a news page, and whilst some of the items are internal news items (individual portfolio pages), other items will be for external member news/media releases etc.

Perhaps it’s simply an option of not adding in the “x_custom_link” field if I don’t want it to go externally?

Is this possible?

Thanks – hope it makes sense!

[Rupok]

Hi there,

Thanks for writing in! Yes it’s set within if condition. So if you set the field then it will be used. Let’s leave it empty if you don’t want to redirect to a new URL.

Hope this makes sense.

[bradkerin]

Awesome that is great – I have it working perfectly now. Your support on something like this is so valuable!

I did have one more question – I am using the Recent Posts shortcode on my homepage in three areas (each a different category), and would like the links for one of the shortcode elements (Member Updates) to open in a new tab. Is there something I can add into this shortcode to make them do so?

[recent_posts type=”portfolio” count=”3″ no_image=”true” orientation=”horizontal” category=”member-updates” target=”blank”][recent_posts type=”portfolio” count=”3″ no_image=”true” orientation=”horizontal” offset=”3″ category=”member-updates” target=”blank”]

I added in target=”blank” but it has no effect…

Thanks for your help!

[Lely]

Hi There,

You’re welcome!
To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything. That might be possible with some javascript but but we need to see your setup first.

[bradkerin]

This reply has been marked as private.

[Lely]

Hi There,

Thanks your for the credentials.

Please add class rp-new-tab to your recent post shortcode like this:
[recent_posts type="portfolio" count="3" no_image="true" orientation="horizontal" category="member-updates" target="blank" class="rp-new-tab"][recent_posts type="portfolio" count="3" no_image="true" orientation="horizontal" offset="3" category="member-updates" target="blank" class="rp-new-tab"]
Then add this code on Settings Tab > Custom JS

(function($){
  $('.rp-new-tab a').attr('target', '_blank');
})(jQuery);

I made a sample here:http://carbonmarketinstitute.org/?page_id=4845

Hope this helps.

[bradkerin]

Hi there – it works! Thanks so much for setting that up, and providing the sample.

I have noticed that adding in the class=”rp-new-tab” it has now negated the class=”no-border” within the same shortcode. I have added it to the ‘Member Updates’ Tab, and you can see the border added back in.

Is there a way to make it borderless like the other two tabs?

Thanks so much for your help – you guys and gals are awesome! 🙂 🙂 🙂

[Rue Nel]

Hello Again,

Thanks for the updates! Please do update your shortcode so that you will also have a no border class. You can make use of this code:

[recent_posts type="portfolio" count="3" no_image="true" orientation="horizontal" category="member-updates" target="blank" class="rp-new-tab no-border"][recent_posts type="portfolio" count="3" no_image="true" orientation="horizontal" offset="3" category="member-updates" target="blank" class="rp-new-tab no-border"]

Please let us know if this works out for you.

[bradkerin]

Oh fantastic – that worked perfectly thank you so much! 🙂

I did have one other question with the recent posts tab shortcode…is it possible to move the tab content to the top of the tab content area, and get rid of the large margin at the bottom of the element (between the bottom of the tab and the next element below)?

Thanks so much for the fantastic help! 🙂

[Christian]

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[bradkerin]

So it’s not possible to reduce the margin below an element in cornerstone? That seems a little strange…perhaps something that could be included in the future?

Thanks anyway!

[Paul R]

Hi,

You can try adding this in Custom > Edit Global CSS in the customizer

.x-recent-posts.vertical a.x-recent-post1, 
.x-recent-posts.vertical a.x-recent-post2, 
.x-recent-posts.vertical a.x-recent-post3, 
.x-recent-posts.vertical a.x-recent-post4 {
    margin-bottom:0;
}

Hope that helps.

[Author]

Posts