Home › Forums › Pro Themes › Photo Perfect Pro › links error on ipad
- This topic has 6 replies, 2 voices, and was last updated 8 years, 8 months ago by kkgoss@yahoo.com.
-
AuthorPosts
-
April 18, 2016 at 6:14 am #5870kkgoss@yahoo.comParticipant
the hover links for blog gallery do not work on an ipad – how can I turn these off – I just want to link to the blog post and not bring up a photo
April 18, 2016 at 8:38 am #5877wensolutionsKeymasterHello @kkgoss@yahoo.com
You can see similar issue replied in this thread http://themepalace.com/topic/elements-on-post-the-sequel/
If you are not satisfied with the solution feel free to ask any query.Best Regards!!!
April 18, 2016 at 9:31 am #5879kkgoss@yahoo.comParticipantthank you but I just want the links, I don’t want the option to click on the photo to make it larger. can his be removed?
April 18, 2016 at 12:05 pm #5904wensolutionsKeymasterHello @kkgoss@yahoo.com
If you don’t want the option to click on the photo to make it larger the you need to add custom CSS.
If you have added any CSS from the thread I have referenced then you can remove those and follow the steps below:
You need to go to Admin Panel / Appearance / Customize / Theme Options / Advanced Options.
.
In this section you will see a box to write Custom CSS. In this box copy and paste below CSS.@media only screen and (max-device-width : 1024px) { .post-content { background-color: #1f1f29; padding: 15px; position: inherit; top: inherit; visibility: visible; margin-top: 2px; margin-bottom: 5px; } .post-item a.post-thumb { pointer-events: none; cursor: default; } }
Hope this will help to resolve your issue.
Feel free to post if any confusion.
Let us know hot it goes.Best Regards!!!
April 18, 2016 at 12:15 pm #5906kkgoss@yahoo.comParticipantOk sorry for the confusion, as I have posted this question on another feed but it applies here too. I would like to do the following (so that it is the same on mobile, desktop and ipad):
1. Remove links to make photo larger
2. Remove ovals for eye and link, just leaving the text
3. Keep link active to click onto blog postThank you so much for you help so far
April 18, 2016 at 2:16 pm #5919wensolutionsKeymasterHello @kkgoss@yahoo.com
Your queries are replied below:
1. Remove links to make photo larger
To remove links to make photo larger you can refer http://themepalace.com/topic/any-way-to-disable-the-hover-over-zoom-on-images/#post-5909 thread as I have recently replied.
2. Remove ovals for eye and link, just leaving the text
3. Keep link active to click onto blog postFor query no. 2 and 3 you need to add custom CSS. Now you need to remove above CSS code as I have provided and copy and paste below code as a whole.
@media only screen and (max-device-width : 1600px) { .post-content { position: absolute; text-align: center; top: 21%; background-color:transparent; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: initial; visibility: visible; width: 100%; padding: 0 20px; z-index: 88; } .post-item:hover .post-content, .featured-posts-item:hover .post-content { bottom: inherit; text-align: center; top: 21%; visibility: visible; width: 100%; } } .fa.fa-eye { display: none; } .fa.fa-link{ display: none; }
Hope this will help to resolve your issue.
Let me know how it goes.Best Regards!!!
April 18, 2016 at 2:21 pm #5920kkgoss@yahoo.comParticipantFantastic – it works perfectly. Thanks
-
AuthorPosts
- You must be logged in to reply to this topic.