Home › Forums › Pro Support › Cards with Elementor
- This topic has 22 replies, 2 voices, and was last updated 4 years, 1 month ago by
Tom.
-
AuthorPosts
-
September 14, 2019 at 2:12 pm #11126
Bernhard
ParticipantHi Tom,
after having defined the cards layout, I’m trying to create my new landing page.
The problem I encountered is that Elementor shows polaroid in 2 columns. It is below the button “Praktische Tipps”.
Furthermore, the excerpt is defined with 15 words but it is showing more and the “read more” (->) defined in the function file does not show up.
Can you please help to solve this.September 14, 2019 at 4:54 pm #11128Bernhard
ParticipantOK, I found one problem. It was, that in “columns” of WPSP 2 columns were defined. This did not happend with the Classic Editor.
But the “read more”, which I defined in the functions.php, is missing in categories. It is there when I define pages.September 16, 2019 at 2:11 am #11142Bernhard
ParticipantHi,
Can you please check the problem I have with the categories. As I’ve reported, cards with categories show more than the 15 words defined in the excerpt and the “read more” (->) defined in functions.php is not displayed.It works correctly with posts and pages. Testpage
Then I have two more things:
On image hover, the post/page title is shown. How can I disable this. (eg Rom Ciam-pino Flug-hafen-transfer …- I need these breaks­
for better legibility)
In polaroid, I want to reduce the padding between title and text, how can I do this.September 16, 2019 at 3:48 am #11143Bernhard
ParticipantOnce more, sorry. I found the problem in categories, it depends on the
<!--more-->
. How can I trigger this in a way, that in WPSP it shows only the number of words defined in Excerpt length?
The other two things are the post/page title shown on image hover and the padding between title and text in polaroid.September 18, 2019 at 5:00 pm #11187Tom
KeymasterHi there,
You can tell WPSP to ignore the more tag like this:
add_filter( 'wpsp_more_tag', '__return_empty_string' );
For the image title, try this:
add_filter( 'wpsp_image_title', '__return_empty_string' );
Lastly, try this for the padding:
.wpsp-polaroid .wp-show-posts-entry-header { margin-bottom: 0; }
Let me know 🙂
September 18, 2019 at 10:09 pm #11188Bernhard
ParticipantHi Tom,
here the results:Ignore the more tag: ok
Hide post/page title on image hover: works only, when an image overlay icon is defined. Would it be possible to define a “blank” icon with which I can trigger where to show the title and where not?
Padding: the padding between title and text is reduced now but still too much. How can I reduce the padding above the text?
Thank you 🙂
September 20, 2019 at 7:27 pm #11223Tom
KeymasterI’m no longer seeing the title tag. It shouldn’t matter whether the overlay icon is defined or not. Can you remove it for now so I can see the title displaying?
What about this?:
.wpsp-polaroid .wp-show-posts-entry-title { min-height: auto; margin-bottom: 5px; }
September 21, 2019 at 6:04 am #11227Bernhard
ParticipantHi Tom,
I added a line height like this, otherwise the underscores were cut:.wpsp-polaroid .wp-show-posts-entry-title { line-height: 1.2em; min-height: auto; margin-bottom: 10px };
So this is ok. Thank you.
I removed the image overlay icon from “polaroid with pages” and now you will see the title tag.
I added the image overlay icon to “polaroid with categories” and there you will not see the title tag.
September 23, 2019 at 4:10 pm #11248Tom
KeymasterWeird, looking at the code, it really shouldn’t matter.
Maybe try this?:
add_action( 'wp', function() { add_filter( 'wpsp_image_title', '__return_false' ); } );
September 24, 2019 at 8:21 am #11264Bernhard
ParticipantHi Tom,
the result is the same as with
add_filter( 'wpsp_image_title', '__return_empty_string' );
=> Title is hidden when image overlay icon is defined.Above are two cards without overlay (and title), below two cards with overlay (and without title).
I think it would be good to have an empty (transparent) icon.September 24, 2019 at 4:56 pm #11275Tom
KeymasterI just tested this:
add_filter( 'wpsp_image_title', '__return_empty_string' );
It works regardless of whether the overlay icon is active or not. I wonder if you have caching on the site preventing it from working?
September 25, 2019 at 12:20 am #11276Bernhard
ParticipantI do not know why. I’ve inserted
add_filter( 'wpsp_image_title', '__return_empty_string' );
again and flushed the cache of the site and the browser, but on my test page the title is shown if no overlay icon is set.September 25, 2019 at 5:38 pm #11294Tom
KeymasterDo you have a conflicting function, maybe? Maybe the same filter used elsewhere?
September 26, 2019 at 1:24 am #11303Bernhard
ParticipantReferring to WPSP, I have the following functions
// Read more function in WPSP add_filter( 'wpsp_ellipses', function() { return sprintf( '...<a href="%1$s"> <strong>-></strong></a>', get_permalink() ); } ); //Disable read more tag in wpsp add_filter( 'wpsp_more_tag', '__return_empty_string' ); //Disable image title on hover in wpsp add_filter( 'wpsp_image_title', '__return_empty_string' );
I’ve tested with Elementor and without, but it is the same thing. Would it help if you look directly into the site?
September 26, 2019 at 4:46 pm #11313Tom
KeymasterDo you have another site you can test on so we can know for sure whether it’s specific to this site or not?
-
AuthorPosts
- You must be logged in to reply to this topic.