- This topic has 7 replies, 4 voices, and was last updated 3 years ago by
.
Viewing 8 posts - 1 through 8 (of 8 total)
-
Posts
-
Hello,
I want to create lists without images but there is something like 200 px between the links and an indent. How can I eliminate all these spaces and define border boxes with a unique height for all of maybe 3em?
Thank youHi there,
deactivate the Card option on that List as its not required but it adds an additional container that its own padding.
Give this CSS a shot:
.entry-content .wp-show-posts-entry-title { min-height: unset; } .entry-content .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) { margin-bottom: 0.5em; }Hello,
this works so far 🙂
I want to give it the css classbottomlist, how can I do that?For the border, I used
.bottomlist .wp-show-posts-inner { box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); }Seems to be ok both on desktop and mobile.
Hi,
While there’s no straightforward PHP filter to add the classes in, we can still do it w/ JavaScript.
Try this JS script:
<script> function wpsp_add_inner_class(){ var wpspList = document.getElementById('wpsp-4447'); var innerList = wpspList.querySelectorAll('article.post > div.wp-show-posts-inner'); for(i=0;i<innerList.length;i++){ innerList[i].classList.add('bottomlist'); console.log('works'); } } window.addEventListener('DOMContentLoaded', (event) => { wpsp_add_inner_class(); console.log('works'); }); </script>Replace
wpsp-4447with your WPSP id.
Viewing 8 posts - 1 through 8 (of 8 total)
- You must be logged in to reply to this topic.