BlueOwlCreative » Topic: Can't get column to center https://blueowlcreative.com/support_wp/forums/topic/cant-get-column-to-center/feed/ Wed, 14 Oct 2026 13:29:54 +0000 http://bbpress.org/?v=2.5.3-5249 en-US https://blueowlcreative.com/support_wp/forums/topic/cant-get-column-to-center/#post-28542 <![CDATA[Can't get column to center]]> https://blueowlcreative.com/support_wp/forums/topic/cant-get-column-to-center/#post-28542 Tue, 17 May 2016 18:10:27 +0000 rgruber I’m trying to center 5 circles in full width row. Since I can’t use columns, I just stuck everything in a single column and tried to center it. The page loads with the column centered for a second and then left justifies:

[vc_row full_width="stretch_row_content" el_class="center"][vc_column el_class="center"][vc_row_inner][vc_column_inner el_class="center"][boc_counter number="165" custom_color="yes" color="#ffffff" centered="yes" css_classes="circle"][boc_counter number="330" custom_color="yes" color="#ffffff" centered="yes" css_classes="circle"][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJjaXJjbGUlMjBibHVlJTIyJTNFUmFua2VkJTIwaW4lMjB0aGUlM0NiciUyMCUyRiUzRSUwMyUzQ3NwYW4lMjBjbGFzcyUzRCUyMnRvcDEwJTIyJTNFVG9wJTIwMTAlM0MlMkZzcGFuJTNFJTNDYnIlMjAlMkYlM0VTQkElMjBMZW5kZXJzJTIwaW4lM0NiciUyMCUyRiUzRSUwM1NhbiUyMERpZWdvJTJDJTIwYmFzZWQlM0NiciUyMCUyRiUzRSUwM29uJTIwdm9sdW1lJTJDJTIwZm9yJTNDYnIlMjAlMkYlM0UxMCUyMHllYXJzJTIwcnVubmluZyUzQyUyRmRpdiUzRQ==[/vc_raw_html][boc_counter number="136" custom_color="yes" color="#ffffff" centered="yes" css_classes="circle"][boc_counter number="15" custom_color="yes" color="#ffffff" centered="yes" css_classes="circle"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

Been trying everything and can’t get it to center.

]]> https://blueowlcreative.com/support_wp/forums/topic/cant-get-column-to-center/#post-28552 <![CDATA[Reply To: Can't get column to center]]> https://blueowlcreative.com/support_wp/forums/topic/cant-get-column-to-center/#post-28552 Wed, 18 May 2016 08:35:04 +0000 BlueOwl Hi there,

How about this:

[vc_row full_width="stretch_row_content" el_class="center"][vc_column el_class="center"][vc_row_inner][vc_column_inner el_class="center" width="1/6"][boc_counter number="165" custom_color="yes" color="#a8a8a8" centered="yes" css_classes="circle"][/vc_column_inner][vc_column_inner width="1/6"][boc_counter number="330" custom_color="yes" color="#999999" centered="yes" css_classes="circle"][/vc_column_inner][vc_column_inner width="1/3"][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJjaXJjbGUlMjBibHVlJTIyJTNFUmFua2VkJTIwaW4lMjB0aGUlM0NiciUyMCUyRiUzRSUwMyUzQ3NwYW4lMjBjbGFzcyUzRCUyMnRvcDEwJTIyJTNFVG9wJTIwMTAlM0MlMkZzcGFuJTNFJTNDYnIlMjAlMkYlM0VTQkElMjBMZW5kZXJzJTIwaW4lM0NiciUyMCUyRiUzRSUwM1NhbiUyMERpZWdvJTJDJTIwYmFzZWQlM0NiciUyMCUyRiUzRSUwM29uJTIwdm9sdW1lJTJDJTIwZm9yJTNDYnIlMjAlMkYlM0UxMCUyMHllYXJzJTIwcnVubmluZyUzQyUyRmRpdiUzRQ==[/vc_raw_html][/vc_column_inner][vc_column_inner width="1/6"][boc_counter number="136" custom_color="yes" color="#686868" centered="yes" css_classes="circle"][/vc_column_inner][vc_column_inner width="1/6"][boc_counter number="15" custom_color="yes" color="#565656" centered="yes" css_classes="circle"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

Another way would be to adopt custom CSS and provide support for 1/5 icons which VC lacks by default. There are articles about it.

https://www.google.bg/?ion=1&espv=2#q=VC+5+columns

]]> https://blueowlcreative.com/support_wp/forums/topic/cant-get-column-to-center/#post-28569 <![CDATA[Reply To: Can't get column to center]]> https://blueowlcreative.com/support_wp/forums/topic/cant-get-column-to-center/#post-28569 Wed, 18 May 2016 12:46:15 +0000 rgruber The custom CSS worked great!

Here’s a direct link for anyone wanting to do this in the future, super easy:

http://codecanyon.net/forums/thread/visual-composer-5-columns-layout/147134

]]> https://blueowlcreative.com/support_wp/forums/topic/cant-get-column-to-center/#post-28572 <![CDATA[Reply To: Can't get column to center]]> https://blueowlcreative.com/support_wp/forums/topic/cant-get-column-to-center/#post-28572 Wed, 18 May 2016 14:31:02 +0000 BlueOwl Cool! :)
Where exactly is the custom CSS you used there?

]]>