Support Forums for LiveMesh Themes & Plugins › Forums › Extinct Theme Support › Portfolio thumb hover and click on description
- This topic has 14 replies, 3 voices, and was last updated 10 years, 7 months ago by
ideami.
-
AuthorPosts
-
July 11, 2014 at 11:57 pm #7906
ideami
MemberIn the portfolio thumbs, when you hover over them, in the bottom part we read the description and if you click, a lightbox appears that shows the image and you can move to the other images,
but in my case inside my pages there are videos, so what i want that when you click on the descriptions at the bottom of the thumbs, that you dont open the lightbox but instead you enter inside the single portfolio page of that project
thanks a lotJuly 12, 2014 at 8:05 pm #7929Ernesto
MemberHi! Could you please send us a screen of that you wish yo accomplish?
Cheers!
July 14, 2014 at 12:43 pm #7954Raghavendra
ModeratorIn the demo site I see that all description text shown on hover leads to the portfolio page directly as seen in this page –
https://www.livemeshthemes.com/extinct/portfolio-3-columns-sortable/
or in the home page Recent Work section too. Only if you click on the plus(+) icon on the far right of the hover, it opens up a lightbox. Is it behaving differently in your site. Have you made any modifications to the source code? Pls post a private message here with the link if things are looking different.
July 14, 2014 at 12:51 pm #7956Raghavendra
ModeratorLooks like in your case too it is the same case. If you need you can hide the lightbox link by using the following custom CSS –
#portfolio-items .image-info .image-info-buttons, .post-snippets .image-info .image-info-buttons { display: none; }
July 14, 2014 at 6:32 pm #7975ideami
Memberperfect, this works great,
question, i really like that on desktop, hovering shows me the description of the thumb,
but on mobile devices hovering doesnt work,
is there a way to instead of on hover, to show the description/title of the project below the thumb, permanently, not on hover, that way both mobile and non mobile users can always see what the content is gonna be inside, i really wanna have the description of project below
thank you so muchJuly 14, 2014 at 11:10 pm #7991Ernesto
MemberHi! You can try entering the following code in the Custom CSS Section of your Theme Options Panel:
.image-info {opacity: 1!important}
Cheers!July 14, 2014 at 11:24 pm #7996ideami
Memberthank you..
thats ok but
http://incredivid.com/
the title sometimes appears white, other times brown..
how can i make sure its always white?and is there any way to have this description not inside the image, but below the image? that would be even better
finally please we need help with the logo, lots of people having this problem, the logo goes distorted or disappears on mobile devices, i used the suggested code and it goes distorted
thank you
July 14, 2014 at 11:34 pm #8000ideami
Memberso
http://incredivid.com/portfolio-4-columns-sortable/– i need title to be always white, not brown sometimes, odd..
– and can i have that title and category below image not overJuly 15, 2014 at 2:35 am #8004Raghavendra
ModeratorHave you considered hiring someone to customize the theme. Our time and resources are limited and we can only provide very limited customization support here. Some of these changes like changing color, hiding elements can be handled by someone with reasonable CSS knowledge.
For displaying title, summary in the portfolio pages, pls try the theme options->Portfolio Page tab where you have options like Show Portfolio Title in Portfolio Page and Show Summary Along with Portfolio Title in Portfolio Page.
July 15, 2014 at 2:37 am #8006ideami
Memberi try to change title color to always be white here
.image-info {
background: #000000; background: rgba(0, 0, 0, 0.8); opacity: 0; filter: alpha(opacity=0); }
.image-info h3 { position: relative; top: 20%; padding: 5px 0 0 10px; margin: 0 40px 0 0; font-size: 13px; font-weight: 500; line-height: 24px; color:#ffffff; letter-spacing: 1px; }but doesnt work
it keeps coming red brown sometimesJuly 15, 2014 at 9:04 pm #8026ideami
Membermmm
looks like somebody in your team logged in with data i sent and they corrected all titles to be white, thats great but please i need to be told where in code that is, in case i want to change it to any other color or change the subtitle as well, please let me know where in code you changed something to make it always white, thanks so much 🙂July 16, 2014 at 3:07 am #8036ideami
Memberactually no the problem keeps happening
http://incredivid.com/
titles sometimes white, sometimes red,
where in code can i go to make them always white (and also control color of subtitles)
thanks so muchJuly 16, 2014 at 3:11 am #8038ideami
Memberi tried this now, maybe this works, what do u think, is .terms the one for the category
.post-title {color: #ffffff !important}
.terms {color: #ffffff !important}.post-title a {color: #ffffff !important}
.terms a {color: #ffffff !important}July 16, 2014 at 12:45 pm #8069Raghavendra
ModeratorPls paste the same in Custom CSS tab in theme options and check if that solves it, although I would recommend you prefix the CSS selectors a little more instead of using this in a generic way across the whole site.
July 16, 2014 at 5:25 pm #8073ideami
Memberwhat do you mean to prefix them a little more, could you give me what prefix to use to affect only the thumbnail titles and subtitles?
.post-title {color: #ffffff !important}
.terms {color: #ffffff !important}.post-title a {color: #ffffff !important}
.terms a {color: #ffffff !important} -
AuthorPosts
- The forum ‘Extinct Theme Support’ is closed to new topics and replies.