CASE 1: Portfolio Thumbnail (Featured Image) Hover Color (when Hover Text is always Visible)
I don't know if its even possible but let's try. I am building "text portfolio". There will be no images on the thumbnails, just black background and white text in the middle. (I got it already). Is it possible to make it so when someone hovers over my current thumbnail on the homepage, it will become red?
I managed to get Black Background simply by uploading all black image as a thumbnail/cover photo but before I''ve bought the theme. And to make the text always visible, I had to turn on the option for portfolio item: Always Show Hover Layer.
CASE 2: Line Height of body and p CSS style
I am using Gutenberg editor. I managed to increase default font size in 'p' and 'body' style in TypoLab in Theme Settings but I cannot find an option to increase the line height. Is that possible?
Now, on the homepage it looks like: Attachement 1.png
Portfolio Item Settings: Attachement 2.png
Featured Image Settings: Attachement 3.png
So... Black background as a featured image was easy. I just uploaded an image.
Then I made hover layer (where text is) as always visible.
But since hover layer is ALWAYS visible, it wont be probably possible to add another hover layer (red one).
The only thing that comes to my mind is to put TEXT not on the hover layer (but where?) and then setup a hover layer with transparency. Is it even possible anyhow quickly? Thx!
Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
Could you please tell me, where the change has been applied? I would like to change the red color into slightly different red :) I can manage it myself but I don't know where to find it. THX!
Hello guys. I am coming for help once more.
CASE 1: Portfolio Thumbnail (Featured Image) Hover Color (when Hover Text is always Visible)
I don't know if its even possible but let's try. I am building "text portfolio". There will be no images on the thumbnails, just black background and white text in the middle. (I got it already). Is it possible to make it so when someone hovers over my current thumbnail on the homepage, it will become red?
I managed to get Black Background simply by uploading all black image as a thumbnail/cover photo but before I''ve bought the theme. And to make the text always visible, I had to turn on the option for portfolio item: Always Show Hover Layer.
CASE 2: Line Height of body and p CSS style
I am using Gutenberg editor. I managed to increase default font size in 'p' and 'body' style in TypoLab in Theme Settings but I cannot find an option to increase the line height. Is that possible?
Thanks in advance!
PS.
My website is: www.instactics.com
Hi there,
1. Add this CSS to Custom CSS but first remove the CSS which you have added:
.portfolio-holder .item-box .thumb .hover-state { background-color: red !important; }2. Use this CSS to Custom CSS:
body, p { line-height: 1.5; }If you don't know how to add CSS to Custom CSS follow this guide to add it.
Best regards,
Laborator Team
Font line height: Worked. Thank you
I still have the problem with the hover color.
Now, on the homepage it looks like: Attachement 1.png
Portfolio Item Settings: Attachement 2.png
Featured Image Settings: Attachement 3.png
So... Black background as a featured image was easy. I just uploaded an image.
Then I made hover layer (where text is) as always visible.
But since hover layer is ALWAYS visible, it wont be probably possible to add another hover layer (red one).
The only thing that comes to my mind is to put TEXT not on the hover layer (but where?) and then setup a hover layer with transparency. Is it even possible anyhow quickly? Thx!
Hi there,
Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
Best regards,
Laborator Team
Hi there,
I have added some extra CSS and now the color is changing to red in hover, it is live on your site so you can check it now.
Best regards,
Laborator Team
Thank you very much!
Could you please tell me, where the change has been applied? I would like to change the red color into slightly different red :) I can manage it myself but I don't know where to find it. THX!
Hi again,
The changes have been made under Custom CSS:
(view large version)
Best regards,
Laborator Team