Problem with using Column code

Support
#1

Hi there!

The website I’m referring to is https://besttravelgoods.com/top-15-driving-mistakes/

As I’m using the column code:
http://puu.sh/Bqu49/b958d5909f.png

If you don’t have an even number for each column, the result looks like this:
http://puu.sh/Bqu6b/cdf46f7585.jpg`

If you do have an even number like the first screenshot, the result looks normal:
http://puu.sh/Bqu7R/5e55a3f0e8.jpg

I’ve been trying for hours to figure out how to hide the list point number.

I assigned the list item a class: < li class=“blankspace” > (without the starting and ending spaces, doesn’t show up on this forum)

then added in my custom CSS .blankspace {display:none; color:#ffffff}

I tried #blankspace, li.blankspace, .blankspace > li, and none of them worked.

If you have a better solution or any suggestions, that’d be greatly appreciated.

Thanks!

#2

Hi,

Try to wrap it in content band and a container.

eg.

[content_band] 
	[container] 
		[column type="1/2"] Place your content in here. [/column] 
		[column type="1/2" last="true"] Place your content in here. [/column]
	[/container] 
[/content_band]

For more infomartion kindly refer to the links below

http://demo.theme.co/integrity-1/shortcodes/content-band/
http://demo.theme.co/integrity-1/shortcodes/container/
http://demo.theme.co/integrity-1/shortcodes/columns/

Thanks

#3

Thanks for the reply.

This is the result of using the content_band and container shortcodes.

http://puu.sh/BqCGy/052a48028e.png

The spacing is very off.

#4

Hi,

You can remove padding by adding an inline style to your content band

eg.

[content_band style="padding:0;"] 
	[container] 
		[column type="1/2"] Place your content in here. [/column] 
		[column type="1/2" last="true"] Place your content in here. [/column]
	[/container] 
[/content_band]

Kindly review the links I provided.

http://demo.theme.co/integrity-1/shortcodes/content-band/1
http://demo.theme.co/integrity-1/shortcodes/container/1
http://demo.theme.co/integrity-1/shortcodes/columns/

Thanks

#5

Hey Paul.

I might just be super terrible at code. I’ve been trying to figure this out for hours but nothing seems to work.

There is still a huge gap after the columns and the padding is super weird.
http://puu.sh/BqZWS/af63391936.png

#6

Hello There,

The gap is because of the default top margin of the heading element. You will need to edit it and insert a utility class mtn which means “margin top none” just like this:

<h3 class="mtn">1. Not Keeping Enough Distance</h3>

To know more about the element spacing, please check this out: https://theme.co/apex/forum/t/customizations-element-spacing/211

Hope this helps.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.