Home Forums Arnold WordPress Theme Portfolio list hover effect and title

This topic contains 7 replies, has 2 voices, and was last updated by  BWSM 3 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #15824

    cincin
    Participant

    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,

    #15827

    BWSM
    Keymaster

    Hi,

    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://www.uiueux.com/forums/topic/arnold-wordpress-theme-faqs/#post-14962

    Regards!

    #15829

    cincin
    Participant

    Hi, 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,

    #15844

    BWSM
    Keymaster

    There 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;
    }
    #15848

    cincin
    Participant

    hi, 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.

    #15865

    BWSM
    Keymaster

    Hi, 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://www.uiueux.com/forums/topic/how-to-find-wordpress-postpage-id/

    #15884

    cincin
    Participant

    hi,

    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=sharing

    #15889

    BWSM
    Keymaster

    The 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;
    }
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.