0
Answered

Shortcode Match List simple

Neto Oliveira 1 month ago in Shortcodes updated by Andrei S. (Developer) 4 weeks ago 6

How can I display the list of upcoming games by league or all leagues in a simple way, like in the example

https://footballan.com


Image 9702

Answered

Hello

It is plain layout for the Matches shortcode with some CSS

- https://support.anwp.pro/knowledge-bases/11/articles/2252-v0148-2022-09-02


.div.match-list--shortcode {
display: flex;
flex-wrap: wrap;
line-height: 1.2; }

--

Best Regards

Andrei S.

Sorry, remove dot before div

div.match-list--shortcode { display: flex;
flex-wrap: wrap;
line-height: 1.2; }

--

Best Regards

Andrei S.

This code also affects other shortcodes, see the example of how it breaks the layout.

Image 9706

add a wrapper with DIV tag and custom class and use it

For example
<div class="fl-plain-1">[your shortcode]</div>

and then use CSS

.fl-plain-1 div.match-list--shortcode { display: flex;
flex-wrap: wrap;
line-height: 1.2; }

--

Best Regards

Andrei S.

Great man!!! It worked perfect now. One more question, is it possible to adapt this shortcode to display matches from all leagues in order of start?

Yes. This shortcode has a dozen options.

--

Best Regards

Andrei S.