Infobox options

marketing-mim · November 2018

Hi,

I wanna do a 2 columns infobox with the same <ul>

I have tried using a custom class with the code:

#li { width:50%;} , didn't succed, how could i solve it?

Thanks,

Pablo · November 2018

Hi,

I do not understand at all.

Can you explain it in more details?

Thanks

marketing-mim · November 2018

Hi,

Sure, i wanna be able to build various columns inside the infobox.

My reference:

https://csswizardry.com/demos/multiple-column-lists/

Thanks,

Pablo · November 2018

You can create it in the "column' item.

Also, li is not an ID, so you shouldn't use a "#".

Just li { width:50% }

Thanks

marketing-mim · November 2018

Hi

I am sry to bother but this isnt what i am asking, i wanna know how if inside the infobox how shall i do it.

Screencap: https://prnt.sc/lp02oa

Thanks,

Edit: remove the " inside the ul

Pablo · November 2018

You can see the example of infobox here:
https://themes.muffingroup.com/be/theme/shortcodes/content-elements/#contactbox
http://prntscr.com/lp0ah4

Yes, you can do it, but I suggest you insert this shortcode into column item and
provide a Custom Class for this column.
http://prntscr.com/lp0bhq

Then, add a CSS for this class in Theme Options > Custom CSS & JS > CSS
Thanks

marketing-mim · December 2018

Thank you for feedback, but it failed:

Here are 2 pics of how i tried to solve it:

https://prnt.sc/lqyqdd & https://prnt.sc/lqypyn

Any tips are appreciated,

Thanks

Pablo · December 2018

Please read what I typed you in previous reply.

http://prntscr.com/lqyuly

Remove that "li(...)" from field I showed you on screenshot.

Also, it's a class, not id.

http://prntscr.com/lqyvrp

Please use this CSS

.2columns_infobox li{width:50%}

thanks

Infobox options

Comments