-
Posts
-
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,
StuartHi 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-196611Regards,
Josuebrilliant! I’ll give that a go
should I add portfolio.php to my child theme to prevent these changes from being overwritten?
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-218226Cheers!
JosueOk, 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,
StuartHey!
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!
JosueHey 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
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,
Josueexcellent – 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,
StuHey!
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,
Josuei 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.
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
Are you referring to the white text? that’s because the alternate color text is set to white.
Cheers!
Josueyeah, 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
- You must be logged in to reply to this topic.