Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 6, 2015 at 1:07 pm #514361
    squirrelza

    Hello,

    I would like to make 2 changes to the portfolio page:

    1. Instead of the title below the image, it should feature in the the square of the image. At the moment I have just the images and title displaying when you overlay, but then it’s horrible for mobile users as you can’t see the titles which is important.
    2. Is it possible to make the portfolio items sortable by 2 categories/options? If I created 2 parent categories, with several sub-categories. For example: State as the parent, with Texas, Virginia, Florida. The second would be Capital as the parent, with Austin, Richmond, Tallahassee below.

    October 6, 2015 at 3:43 pm #514450
    Elliott

    Hey squirrelza!

    1. Send us a link to your page and we’ll take a look.

    2. That would take a lot of time and code to implement so it would have to be considered custom work. It would be best to hire a freelancer to help you out with this customization.

    Cheers!
    Elliott

    October 6, 2015 at 4:23 pm #514522
    squirrelza

    If the white block with the text can be inside the image at maybe 50% opacity

    October 6, 2015 at 5:30 pm #514624
    Elliott

    Hey!

    Kind of like this?

    .grid-content * {
    background-color: rgba(255,255,255,0) !important;
}
.grid-content {
    position: absolute;
    bottom: 0px;
    background-color: rgba(255,255,255,0.5) !important;
}

    Cheers!
    Elliott

    October 6, 2015 at 6:13 pm #514658
    squirrelza

    Yup thats pretty close :) Maybe make the text along the bottom the full length of the image? And maybe remove the arrow, and make the overlay the same strength when mouse is over as the title text is on? If that makes sense?

    October 7, 2015 at 6:53 am #514932
    Ismael

    Hi!

    Please add this or combine with the previous css code:

    .grid-content {
    width: 100%;
}

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

    This will set the width to 100% then remove the arrow.

    Best regards,
    Ismael

    December 1, 2015 at 4:27 pm #545347
    squirrelza

    Hello,

    How can I add a little bit of padding around entries?

    December 1, 2015 at 4:29 pm #545348
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .grid-content {
padding: 10px; 
}

    Regards,
    Yigit

    December 1, 2015 at 8:56 pm #545564
    squirrelza

    Hello,

    It doesn’t seem to do anything to the Portfolio Grid.

    December 1, 2015 at 9:02 pm #545567
    Basilis

    Hi!

    The page: http://sushict.co.za/restaurants/
    gives a 404 has the URL been changed?

    Regards,
    Basilis

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