Salient v13.0 Major Release (3/25/2021) is now available.

If you're on a version prior to 10.5 and are considering updating, it's important to read through our update guide before updating to ensure a smooth transition.

Click here to view the update guide

Okay
  Public Ticket #2743542
Portfolio custom css
Closed

Comments

  •  3
    Rodney started the conversation

    I am trying to apply custom css to certain portfolio items. (I do not want this to apply globally to all portfolio items.)

    Attached are two screenshots. One shows the custom css class (lighbox) that I have added to my portfolio item. The other shows the custom css that I have added to Salient > General > CSS / Script Related.

    How do I prepend the custom css I have set in Salient > General > CSS / Script Related so that only portfolio items with "lightbox" are targeted?

    Attached files:  portfolio-item.png
      portfolio-custom-css.png

  •  5,651
    Tahir - SUPPORT replied

    Hey Again,

    On which page URL can we view the Portfolio Page Element ?. 

    Thanks

  •  3
    Rodney replied

    Sorry, forgot to post that. Here is the URL: https://learn.homesteader.me/chicken-breed-directory

    If you look at any portfolio item, you will see that there is a portfolio placed inside the portfolio item.

  •  5,651
    Tahir - SUPPORT replied

    Hey Again,

    Change

    .col

    to 

    .col.lightbox
    

    Thanks 

  •   Rodney replied privately
  •  5,651
    Tahir - SUPPORT replied

    Hey Again,

    Did you try using these Metabox Options instead of Custom CSS ?.

    1430241069.pngClick To Open Larger Image.

    Also remove this category of special characters as it's causing the CSS to not work and check the thumb markup using the Inspector to write up custom CSS:

    1143923542.pngClick To Open Larger Image.

     Thanks 

  •   Rodney replied privately