Home › Forums › Arnold WordPress Theme › Portfolio list hover effect and title
- This topic has 7 replies, 2 voices, and was last updated 7 years, 10 months ago by
SeaTheme.
-
AuthorPosts
-
July 20, 2018 at 3:04 am #15824
Hi,
I have some questions regarding the portfolio list:
1. How to enable the hover effect as the demo shows?
2. How to change the hover effect color and opacity?
3. How to enable the post title when mouseover on the portfolio list but disable the post title on the post page?Thank you!!!
Best,
July 21, 2018 at 7:46 am #15827Hi,
1. Please edit the portfolio list page, there is the option “Mouseover Effect” as Static Color Mask + Title
2.
Color >> Appearance > Theme Options > Colors: Portfolio List / Mask for Item
Opacity >> dit the portfolio list page, there is the option “Transparent for Mask”3. enable the post title when mouseover on the portfolio list : see answer 1
disable the post title on the post page? please read : https://seatheme.net/forums/topic/arnold-wordpress-theme-faqs/#post-14962Regards!
July 21, 2018 at 10:12 am #15829Hi, thank you! may I know further how to change a specific portfolio list page mouseover post title font spacing?
Because i have a bilingual site, the font spacing goes well with the English version but too tight for the Chinese one,
Best,
July 22, 2018 at 8:10 am #15844There is font style setting here: Appearance > Theme Options > Font settings: Portfolio List
There is not letter spacing, please use custom css:
.product-caption h3, .entry .product-caption h3,.grid-item-tit { letter-spacing: 2px; }July 22, 2018 at 11:56 am #15848hi, i think the suggested code is a global setting, however, i only want to change the font styling of a specific portoflio list hover title, thank you.
July 23, 2018 at 3:59 am #15865Hi, pleas use page id like:
.page-id-1944 .product-caption h3, .page-id-1944 .entry .product-caption h3, .page-id-1944 .grid-item-tit { letter-spacing: 2px; }how to find page id
https://seatheme.net/forums/topic/how-to-find-wordpress-postpage-id/July 24, 2018 at 5:36 pm #15884hi,
thank you, the code works well with the portfolio list, but when i click “+” at the bottom of the post to open more works, the title on hover remained unchanged, could you let me know how to fix this?
portfolio style: https://drive.google.com/file/d/1xXLf105jp75TaLBmp19N2pw6t3isU0uW/view?usp=sharing
“+” works: https://drive.google.com/file/d/1cH4Rs0Nza2TH9W6HRpPAIaMGxUABOQs7/view?usp=sharingJuly 25, 2018 at 1:57 am #15889The post ID will only affect this page http://www.oohcomma.com/zh/%E9%80%99%E4%BA%9B%E9%82%A3%E4%BA%9B/
It will NOT affect single gallery post
If you want to change style of “+” more:
ADD the css:
.ux-portfolio-ajaxed-list .grid-item-tit { letter-spacing: 4px; font-size: 12px; font-weight: bold; } -
AuthorPosts
- You must be logged in to reply to this topic.
