Checkboard Style for Info

Support
#1

Hi,

I am trying to find the best way to make a checkerboard style for some information. It will be:

One side (50%width):
title
1 paragraph
button

other side (50%width):
Image

I would like the background to the text section to be a specific colour and everything to be flush with the edge on either side, so no spaces.

I am choosing to use Visual Composer as opposed to Cornerstone as i do not know it very well and i have already created elements for my site - http://www.jacquelinekennedy.co.uk/home/

Can anyone suggest the best way to do this? I have tried a few ways but am finding it hard to have no spaces and for both sides to be the same height. I have attached an example of what i mean,

Any help would be really appreciated,

thanks

#2

Hey James,

Your site is not available.

To achieve that layout, set all the padding of each of your Sections to 0px. Then, for each of your Rows, turn off Inner Container and enable Marginless Columns.

For the image, if you want all parts of your image to display, use an Image element in the first column. Add your content in the second column and in the second column settings, increase all margins or the left and right margin only.

For the section with the image set in the right hand side, you need to duplicate each of these sections because on mobile, the image will stack below the content. So with the copy, switch the columns and hide it on desktop views. Then, hide the original section on mobile views.

Please see this screencast (please forgive the lack of audio).

Lastly, I strongly recommend you get familiar with the Theme Options and Cornerstone Elements because what I showed you barely scratched the surface. There are different options you can use depending on your needs. More information is available in our Knowledge Base.

Thanks.

#3

Hi,

thanks for your help,

Sorry seems like the server was down for a while today and over the weekend.

Can everything in the video be achieved with the normal version of X or will i need to upgrade to X Pro? It seems mine is more simplified and there are things i am missing that are included in the video.

thanks

#4

Yes, that is possible with the new Cornerstone included in X the same as the Content Builder in Pro. Sounds like you’re using the previous version. Please visit our changelog to see what has changed. If you decide to update, please test in a staging server first. Please see the best practices in updating the theme and plugins.

Thanks.

#5

Thanks, ive now got the new version of Cornerstone, only other thing is that i am not able to see the updates i am making, I have checked on 2 computers and both still just display the same, please see attached.

Seems it is just on the new elements as opposed to the previous ones i had which are now seen as “Classic”

thanks

#6

Hi,

Do you have a cache plugin installed?

It’s possible to implement a change, and not have it take place because a cached version of the page or various resources are loading instead of the latest version.

Please clear your plugin cache and browser cache then check again.

Thanks

#7

Hi,

I have regularly cleared my browser cache and have not installed a caching plugin on my site as yet. Could there be any other reasons?

Update: Also i have now noticed that when i go to view changes ive made, none of those changes or elements appear on the live web page. I have added a screenshot to show between what i see in X to what i see on the live web page.

thanks

#8

Hi There,

In that case, please do share your wordpress admin credentials on a secure note so we can double check your setup.

#9

Hi,

Thanks, i have put my login in a secure note,

thanks

#10

Hi,

Upon checking, I can see you have updated Cornerstone but forgot to update the theme.

Please note that xtheme and cornerstone should be updated simultaneously to prevent any incompatibility issues.

Update theme to Version: 5.2.2 and see if that fixes the issue.

Thanks

#11

Thanks for the help, all sorted now

#12

Glad to hear it.

Cheers!