Tagged: , , ,

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #274728

    Hi, finally worked out how to configure the Ajax portfolio.

    I’d love to use the Avia Icons as a mechanism of launching the Ajax portfolio. The only way I can see how this might work was to use the shortcode in the Excerpt. However, the excerpt just displayed the text, so doesnt seem to recognise shortcodes.

    I’m pretty sure this is a big ask, but is there any way of making this happen?

    Thanks,
    Stuart

    #274732

    Hi Stuart!

    WordPress excerpts do not support shortcodes or html code by default, however this may work:
    https://kriesi.at/support/topic/using-enfold-shortcodes-in-the-excerpt/#post-196611

    Regards,
    Josue

    #274733

    brilliant! I’ll give that a go

    should I add portfolio.php to my child theme to prevent these changes from being overwritten?

    #274734

    Yes, but you’d need to add this to the functions.php so it loads the child shortcodes folder instead:
    https://kriesi.at/support/topic/is-it-possible-to-modify-files-in-enfold-child/#post-218226

    Cheers!
    Josue

    #274772

    Ok, making progress!

    Is there anyway of removing the white box and small arrow around the excerpt using custom css. tried several things and cant seem to find the right bit of code!

    page is here

    http://www.nabusiness.co.uk/services

    thanks,
    Stuart

    #274774

    Hey!

    Try adding this code to the Quick CSS:

    .grid-entry, .inner_entry, div.grid-content, .grid-entry-title {
        background-color: transparent !important;
    }
    .avia-arrow{
        display: none;
    }
    .grid-entry-title a{
        color: white !important;
    }

    Cheers! 
    Josue

    #274777

    Hey Josue,

    That got rid of the arrow, but I still have a white background :(

    Also, the bit of code to remove the arrow has removed it for the testimonials as well. I’d like to keep it for that element.

    Stu

    #274780

    Try with this code instead:

    .grid-entry, .inner-entry, div.grid-content, .grid-entry-title {
        background-color: transparent !important;
    }
    .avia-arrow{
        display: none;
    }
    .grid-entry-title a{
        color: white !important;
    }

    Regards,
    Josue

    #274798

    excellent – thank you.

    a couple of remaining queries!

    1) code to remove the arrow has removed it for the testimonials as well. I’d like to keep it for that element. So just need to remove it for this portfolio grid. I can give the portfolio grid a customCSS ID if that helps

    2) the excerpt, when clicked, does not link to the portfolio entry so I’ve had to include the Title as well as the Excerpt. My preference is just to have the excerpt showing that can then clicked to open the Ajax portfolio, is that possible?

    Thanks,
    Stu

    #274801

    Hey!

    1. Give that element an ID and change code to:

    .custom_class avia-arrow{
        display: none;
    }

    2. Try adding this too:

    .grid-entry-title.entry-title a{
        position: absolute;
        width: 100px;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: 110px;
        color: transparent !important;
        z-index: 100;
    }

    If any of these codes are affecting other elements simply prefix the custom class like i did for the arrow.

    Best regards,
    Josue

    #274811

    i gave the portfolio grid a services_menu custom css class of services_menu

    entered the following into custom.css

    .serivces_menu .avia-arrow {display: none;}

    but no joy, the arrow is still there.

    #274815

    Typo in your code:

    .services_menu .avia-arrow {display: none;}
    
    #274818

    haha!! it’s getting late!

    #274821

    Hehe, is all resolved now?

    #274823

    Yes, thank you SOOO much. you’ve been fantastic.

    The services element of my company website is now functioning exactly as I’d envisaged, even though I had doubts it was possible.

    now onto styling the ajax box with the content!

    What do you think of it?

    Stu

    #274831

    Are you referring to the white text? that’s because the alternate color text is set to white.

    Cheers!
    Josue

    #274833

    yeah, guessed that. Just trying to work out what colours to use. think i may tackle this in the morning!

    Thanks again for your help

    Stuart

    #274834

    You are welcome Stuart, always glad to help :)

    Regards,
    Josue

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