Forum Replies Created
-
AuthorPosts
-
I have the same question. He was asking the hyperlink color and hover effects, not the whole H3.
I tried to specify #main h3 a {color:…} but it didn’t work.
How to change the CSS?Thanks,
JohnOK I found the solution on Envato after much digging. Turned out I need to install the Envato Market plugin and re-create a personal token. The plugin gave an error message about the token but eventually worked. I guess the plugin was a broken thing itself.
Thanks,
JohnDear Victoria,
Just a quick note: I’ve tried your suggestion–duplicate the folder structure (Enfold / config-templatebuilder / avia-shortcodes /testimonials / testimonials.php ) in the Enfold Child theme, and moved the modified testimonials.php file there. However it didn’t work. So I just restored the original file as I’m preparing to upgrade the theme.
Is there any other modifications that needs to be done?
Thanks,
JohnJuly 16, 2020 at 4:21 am in reply to: Long text with a "read more…" Ajax style reading link #1230785One more problem: Since the item id is unique, when there’s more than one such buttons on the same page, it works only for the first button to hide/show the text…
Help please!
JohnJuly 15, 2020 at 10:32 pm in reply to: Long text with a "read more…" Ajax style reading link #1230765Dear Enfold,
One question: How do I stop ALB to strip my <span>tags, button onClick functions, … from the text box output? It seems to be a code cleaning, but I’d really like to keep the modficications.
Thanks,
JohnJuly 15, 2020 at 10:30 pm in reply to: Long text with a "read more…" Ajax style reading link #1230764OK I figured it out. Just add the following to functions.php. I’m learning fast…
/** * read-more button in text box by JMa-202007 * * Add to child theme functions.php */ function myMoreFunction(){ ?> <script> function jmaMoreFunction() { var dots = document.getElementById("more-dots"); var moreText = document.getElementById("jmaMore"); var btnText = document.getElementById("myBtn"); if (dots.style.display === "none") { dots.style.display = "inline"; btnText.innerHTML = "⇳"; moreText.style.display = "none"; } else { dots.style.display = "none"; btnText.innerHTML = "⇪"; moreText.style.display = "inline"; } } </script> <?php } add_action('wp_head', 'myMoreFunction');
July 15, 2020 at 9:03 pm in reply to: Long text with a "read more…" Ajax style reading link #1230722OK again I found a solution. Kind of. The source is here
The problem: I got the <span> tags work to hide the text–it’s not pretty, as I have to put them manually for EVERY paragraph. But when I put the function in the child theme functions.php, it broke the site.
C’mon WP! Can’t a bro have some luck adding such a simple JS?OK. That’s kind of more cumbersome than I thought. I’ll try.
Thanks,
JohnJuly 15, 2020 at 7:47 pm in reply to: Long text with a "read more…" Ajax style reading link #1230708By the way, I did try to add “more” link to the text in ALB. Somehow I only got the <span id=”more-1212″></span> empty tags in the resulted output. The text after the <more>link wasn’t incorporated. I also tried to manually put the text into the span tags, but that was stripped too.
Hi there, I’ve solved the problem. Now only the testimonial default grid block will show the Name & Subtitle before the Content. The rest (slider, boxed grid etc. ) will remain the original order.
However, I had to modify the testimonials.php file (in the theme’s shortcodes directory) directly in the Enfold folder. When I put the modified “public function av_testimonial_single ” routine in the child theme’s functions.php, it broke the whole thing. What did I do wrong here? Please advise. Thanks.Below are the modified code if anyone else is interested in making the changes:
//final output $output .= "<div class='avia-testimonial {$class}' >"; $output .= "<div class='avia-testimonial_inner' {$markup_text}>"; // starting modifications - JMa if( ! $grid || ( $grid && $grid_style != '' ) ) { $output .= "<div class='avia-testimonial-content {$this->content_class}' {$this->content_styling} >"; $output .= "<div class='avia-testimonial-markup-entry-content' {$markup_content}>"; $output .= ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $content ) ); $output .= '</div>'; $output .= '</div>'; } //append avatar first in a grid setup -JMa if( $grid && $grid_style == '' ) { $output .= $avatar; } //the meta wrapper -Jma $output .= "<div class='avia-testimonial-meta'>"; $output .= "<div class='avia-testimonial-arrow-wrap'><div class='avia-arrow'></div></div>"; //append avatar now if in a slider setting -JMa if( ! $grid || ( $grid && $grid_style != '' ) ) { $output .= $avatar; } $output .= "<div class='avia-testimonial-meta-mini' {$markup_author}>"; if( $name ) { $output .= "<strong class='avia-testimonial-name' {$this->title_styling} {$markup_name}>{$name}</strong>"; } if( $subtitle ) { $output .= "<span class='avia-testimonial-subtitle {$this->subtitle_class}' {$this->title_styling} {$markup_job}>{$subtitle}</span>"; } if( $link ) { $output .= "<span class='hidden avia-testimonial-markup-link' {$markup_url}>{$link}</span>"; } if( $link && $subtitle ) { $output .= ' – '; } if( $link ) { $output .= "<a class='aviablank avia-testimonial-link' href='{$link}' >{$linktext}</a>"; } $output .= '</div>'; $output .= '</div>'; //now append content in a grid setting - JMa if( $grid && $grid_style == '' ) { $output .= '<br>'; $output .= "<div class='avia-testimonial-content {$this->content_class}' {$this->content_styling} >"; $output .= "<div class='avia-testimonial-markup-entry-content' {$markup_content}>"; $output .= ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $content ) ); $output .= '</div>'; $output .= '</div>'; } //end modification by JMa $output .= '</div>'; $output .= '</div>';
Dear Victoria,
I used everything from the “testimonial grid” element, no custom changes made. So the CSS should be whatever was coded in the theme package. It’s the Enfold default demo site (not Enfold 2017) pages that I’m modifying, by the way.
I also think this should be a relatively easy change, as the meta info is written into a string and you can change the order of the queries. I found one way to make “testimonial picture on top”, on the documentation page: https://kriesi.at/documentation/enfold/testimonials/ (on the bottom). However, I’d like to have the flexibility of using the modified style only for Team pages, not all testimonial blocks.
Hope this helps you to understand the question.
Thanks,
JohnThe site is still in construction and in Chinese language. I have a screenshot linked below to show you exactly what I want to achieve. Thanks.
JohnAbout using av_testimonial_single for team members to be displayed as a grid, how do you move the name and title BEFORE the short description, and hide the link?
I searched but didn’t find anything.
Thanks,
JohnDear Victoria, thanks for the quick reply. Now I think I know: the Team color section is actually using testimonial shortcode.
The “big numbers” color section explanation is also very helpful.
I’ll try to implement these and will ask again if there’s anything I can’t duplicate.
Thanks,
John -
AuthorPosts