Linking Pictures

[jwchameleoncorp]

http://www.matchingglove.com

Hello,

Can you please go to the URL above and scroll down to the section that says “Reasons to Join”

You will see three pictures. This content was use from the “Reasons to Join” page from the Sweet Date Imports.

I want to know if there is a way to make the pictures link to the Registration Page, instead of popping up in a photo gallery?

Thanks!

[Laura]

Hello, for that you will need to edit theme files, we can only help you with small modifications
But you can use the plugin paid memberships pro to make the posts restricted so it would require login

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jwchameleoncorp]

Hi Laura,

Messed around with that a bit, but I don’t see a way to isolate just those 3 thumbnail pictures with PMP. The whole page becomes inaccessible.

How about another way, like making the pictures static so you can’t click on them? Is there a way to do that? I just would prefer that they do nothing.

Thanks!

[Laura]

Hello, delete everything inside that section and paste the following in text editor

COPY CODE

<div class="row"> <div class="twelve columns">
<h2> Reasons to <span class="" style="color:#F00056">  Join</span></h2>
<div class="four columns"><div class="circle-image ">  <a href="http://www.matchingglove.com/register">
				<span class="overlay"></span>
				<span class="read"><i class="icon-heart"></i></span>
				<img src="http://i0.wp.com/www.matchingglove.com/wp-content/uploads/2016/02/joinnowred.png?w=980" alt="" width="180" height="180" />
			</a>
		</div> <h4>100% FREE</h4> Everybody knows money can’t buy love, so our user profiles are FREE! We want you to find someone special. You shouldn’t have to go broke doing it.</div> <div class="four columns"> <div class="circle-image ">  <a>
				<span class="overlay"></span>
				<span class="read"><i class="icon-heart"></i></span>
				<img src="http://i2.wp.com/www.matchingglove.com/wp-content/uploads/2016/02/checklist-red-e1456478606154.jpg?w=980" alt="" width="180" height="180" />
			</a>
		</div> <h4>Compatibility Search</h4> Our multi-point matching system is completed by every user. Easily filter member profiles and find exactly what you’re looking for. No muss, no fuss!</div> <div class="four columns"> <div class="circle-image ">  <a>
				<span class="overlay"></span>
				<span class="read"><i class="icon-heart"></i></span>
				<img src="http://i2.wp.com/www.matchingglove.com/wp-content/uploads/2016/02/social_media_dating-e1456478058853.jpg?w=980" alt="" width="180" height="180" />
			</a>
		</div> <h4>Real Connections</h4>People are more than check boxes & pictures. So we created a fun social platform. Connect, communicate, get to know someone. That’s what finding a match is about. </div>
</div>
<div class="twelve columns">
<div class="kleo-carousel "><p>
							<span class="right hide-for-small">
									<a href="#"><i class="icon-circle-arrow-left icon-large"></i></a> 
									<a href="#"><i class="icon-circle-arrow-right icon-large"></i></a>
							</span>
					</p>
					<div class="carousel-stories responsive">
						<div class="caroufredsel_wrapper" style="display: block; text-align: center; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 948px; height: 0px; margin: 0px; overflow: hidden;"><ul class="feature-stories" style="text-align: left; float: none; position: absolute; top: 0px; right: auto; bottom: auto; left: 0px; margin: 0px; height: 0px;"></ul></div></div><!--end carousel-stories--></div>
</div>
</div>

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jwchameleoncorp]

Hi Laura,

Thanks for creating the code. That was a lot of work. I appreciate it.

I tried your code, and it was close, but there are a few things that are off. So here’s what I did…

I created a new page for your code to show you what it looks like. That way you can compare it to the home page.

The home page where the code is intended for is here: http://www.matchingglove.com
The page with the code you created is here: http://www.matchingglove.com/lauras-code

I hope that makes it easier to see what tweaks might be needed.

Thanks for all your help. Love working with you as always. 🙂

Cheers,

Jeff

[Laura]

Hello, just add this to style.css of child theme
will disable the link ( use the original shortcode )

COPY CODE

.home .circle-image {
    pointer-events: none;
    cursor: default;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jwchameleoncorp]

Hi Laura,

That snippet worked perfectly. Thank you! 🙂

Have a great day,

Jeff

[Laura]

Glad it worked 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[farzanahmed]

Hi Laura

I’m trying to do this as well on this page – http://luvhubb.com/reasons-to-join/

I’m guessing it’s something to do with the .home element of the css above but it’s not working for me?

Thanks
Farzan

[Laura]

Hello, just delete the .home and thats all 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[farzanahmed]

Thanks Laura

Is there a way of making it pop up text? Like a notification?

Thanks
Farzan

[Laura]

Hello, not right now, but maybe a developer could do it for you 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts