Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #214558

    I would like to style the headers in the portfolio excerpts – size and colour. What would the quick css be for this?

    Thanks

    #214732

    Hi simmer!

    You can use this on Quick CSS:

    .grid-entry-excerpt.entry-content {
    font-size: 14px;
    color: red;
    font-style: normal;
    }

    Best regards,
    Ismael

    #252858

    And how can I change the style of the title in the excerpt?

    thanks

    #253097

    Hey!

    Thank you for the update.

    Please use this for the portfolio preview title:

    .main_color .grid-entry-title {
    color: red;
    font-size: 20px;
    font-weight: bold;
    }

    Cheers!
    Ismael

    #1203194

    Hi. I am using the above and it works fine,

    grid-entry-excerpt.entry-content {
    font-size: 14px;
    color: red;
    font-style: normal;
    }

    But I want to target just one portfolio on just one page so I added a class at the beginning like this:

    /*—————————————-
    // Portfolio-font-excerpt-font-size
    //————————————–*/

    .my-new-port-size.grid-entry-excerpt.entry-content {
    font-size: 18px;

    }

    Then added
    .my-new-port-size
    to the element is the advanced>developer section > Custom CSS Class

    But it has no effect when I add the class, works without a class but this effects the whole site.

    Am I missing something?

    #1203430

    Hi,

    When you add the custom class name in the Custom CSS Class field, did you remove the dot before the actual name? So instead of .my-new-port-size, the field should contain my-new-port-size.

    You should also adjust the css code a bit — just add a space after the custom css class name.

    .my-new-port-size .grid-entry-excerpt.entry-content {
        font-size: 18px;
    }
    

    Best regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Style the excerpts in portfolio’ is closed to new replies.