Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 21, 2015 at 11:04 am #400023
    slui

    Hi,

    I’m having an issue with the portfolio grid not showing the categories to be selected. It is essentially a blank space. See below.

    Missing categories

    You can view this by going to the homepage (or HOME – backend) and view the portfolio element.

    Thanks.

    sl

    • This topic was modified 9 years, 9 months ago by slui.
    February 22, 2015 at 6:01 pm #400238
    Elliott

    Hey slui!

    You have to have some categories created for them to display. You can create them in Dashboard > Portfolio Items > Portfolio Categories. I went ahead and created one for you.

    Best regards,
    Elliott

    February 23, 2015 at 5:04 pm #400785
    slui

    Thanks. Do you know if it is possible to put the Title of the post in the center of the image instead of below using portfolio element?

    February 23, 2015 at 11:29 pm #401078
    Josue

    Hey Samuel!

    Try adding this code to the Quick CSS:

    .grid-sort-container .grid-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 40%;
    z-index: 1000;
}

.grid-sort-container .avia-arrow{
    display: none;
}

    Cheers! 
    Josue

    February 25, 2015 at 10:28 am #401936
    slui

    Thanks Josue,

    How would I isolate this to the portfolio on the home page? I know that custom css classes can be used. Can you shed some light on this?

    sl

    February 25, 2015 at 10:32 am #401938
    slui

    I should also add that the .avia-arrow still shows when I move the mouse off the caption. I tried implementing the following and it didn’t work.

    .grid-sort-container .avia-arrow{
    display: none !important;
    }

    February 25, 2015 at 3:18 pm #402076
    Josue

    Hey!

    Yes, you can apply a specific class and change the code accordingly:

    .home-grid .grid-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 40%;
    z-index: 1000;
}

.home-grid .avia-arrow{
    display: none;
}

    Regarding the arrow, i’m not really seeing (http://screencast.com/t/2qdB7xR5qJsX) i’d suggest hiding the overlay though.

    .home-grid .image-overlay{
display: none !important;
}

    Cheers!
    Josue

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.