Okay
  Public Ticket #276633
portfolio - customize buttons on hover
Closed

Comments

  • Valerie started the conversation
    September 5, 2014 at 12:54pm

    Hi,

    When using the portfolio or recent project shortcodes, with title overlaid and zoom effect on hover style, I would like to remove the "view larger" button and customize the "More details" changing the text. 

    Thanks for your help.

  •  8,987
    Tahir replied
    September 6, 2014 at 5:10pm

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    body .portfolio-items .col .work-info .vert-center a:first-child {
    display: none !important;
}
    As regards changing the text you can edit the default .po file translation using codestyling localization or make the edit inside "Salient/nectar/tinymce/shortcode-processing.php" . 
    Thanks

    ThemeNectar Support Team 

  • Valerie replied
    September 8, 2014 at 2:15pm

    Thanks

  • Mariya replied
    January 13, 2015 at 4:31am

    Hi Tahir! I changed the words: "More details" and "Start typing" in default.po file on sewer - in wordpress/wp-content/themes/salient/lang folder.

    But I do not see that the words are changed in the theme.

    Could you help me?

    Kind regards,

    Mariya

  •  8,987
    Tahir replied
    January 13, 2015 at 2:33pm

    Hey Mariya!

    You will likely have to rescan the file or make the edit inside "Salient/nectar/tinymce/shortcode-processing.php" .

    Thanks 

      

    ThemeNectar Support Team 

  •  1
    Dennis replied
    July 27, 2015 at 8:05pm

    I found this ticket showing how to remove the \"view larger\" hover text on portfolio items, but when I plug it into the custom CSS box it is not working for me:

    https://www.christianlife.org/ministries/

    Am I doing something wrong?

  •  8,987
    Tahir replied
    July 28, 2015 at 5:30pm

    Hey Dennis,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    html body .default-style .portfolio-items.constrain-max-cols .col.elastic-portfolio-item .work-item .work-info a:first-child {
    display: none !important;
}

    Thanks

    ThemeNectar Support Team 

  •  1
    Dennis replied
    July 29, 2015 at 5:26pm

    I entered this code but it did not work. Am I doing something wrong?

    http://www.christianlife.org/ministries/

  •  8,987
    Tahir replied
    July 30, 2015 at 2:57pm

    Hey ,

    I cant see the css on the front page. Can you make sure there are is no red cross on the custom css box which would signify a syntax error and the css would not be rendered .

    Thanks

    ThemeNectar Support Team 

  •  1
    Dennis replied
    July 31, 2015 at 3:02am

    Try it now. There was a red X saying I needed a closing bracket.

    I have added it and you should be able to see the CSS now.

  •  1
    Dennis replied
    July 31, 2015 at 3:05am

    I figured out which bracket was throwing off the CSS. It is working now!

    Thanks for your help!