Docs

[Damo1968]

Hi Guys

I’m looking to change the layout of my website, so I’m going a little deeper into some of the X shortcodes. One thing I’ve always struggled with on the Renew theme is the responsiveness (sometimes too harsh) on mobile devices.

The one way I usually combat this is to centre as much as the content as possible, which of course would make sense but obviously there are times when for a full width website, things do need to expand.

I’m working with the block grid and the column short codes but neither seem to centre themselves. I’d have assumed that any form of gridding would be of equal padding left and right.

If you take a look at the page i am working on http://appmeup.co.uk/go/ you will see there is a block grid and below that there is a 1/4 column grid and as you can see, neither of them centre.

It may be a case where I have to use a fixed image width on each image to get it to work correctly or is there a piece of code that I can put in to centralise the columns and the block gird. Ideally I’d like to be able to use 2, 3 or 4 grid and column options and have it all sit nice and central in the screen.

Can you help me with this please, it would save me a lot of work in messing around with sizes and really help with responsive websites.

I am looking to use just one theme (hopefully X) to build client websites in future but this issu is really slowing me down

Thanks

Damien

[Damo1968]

Here is the screen image

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[Damo1968]

This reply has been marked as private.

[Joao]

Hi There,

Please update your X Theme, Install Cornerstone and deactivate X-Shortcode plugin.

Even if you do not use Cornerstone it has now incorporated the functionalities of X-Shortcode plugin which is now outdated.

Also please validate your product.

Please do the following.

1] Please go to X Addons > Home and revoke the validation.
2] Please login to your account and revoke the license. https://community.theme.co/my-account/
3] After you have revoke the license, you need to re assign the license again to your site using this url: https://www.your-domain.com/. You have to make sure that url you just assign is the same as the one you have in your settings, Settings > General > Site Address
4] Go back to X Addons > Home again, and insert the license again.

If still doesn’t work, please update Cornerstone manually by uploading it to ftp. Please check our our knowledge base to know how: https://community.theme.co/kb/updating-your-theme-and-plugins/

Hope this helps.

Joao

[Damo1968]

Joao

It hasn’t helped at all, in fact it has now crashed my entire site and wordpress admin. If you go to my site now, I cannot do a single thing at all. It’s crashed everything !!!!!!

http://appmeup.co.uk/go/wp-admin/admin.php?page=x-addons-customizer-manager

All I wanted to do was centralise some stuff and now the whole thing is down !!!

Damien

[Damo1968]

Ok,

I’ve gone into the backend of my control panel and have removed the plugin X shortcodes manually and it seems to have done the trick.

The site is back up now and seems to be working and the block grids seem to be inline. Was that block grid spacing purely due to the old shortcodes plugin? In future will they always space out correctly like this?

Damien

[Damo1968]

The Block grid looks beautifully centralised on the laptop but when it’s on a mobile phone, there is left hand padding pushing all of the photos to the right hand side.

It’s ok on the column command though but on the block gridit doesn’t matter how much i adjust the site width percentage, it always wants to now put a margin on the left on the iphone of each image

D

[Damo1968]

It’s OK

I have left justified all of the images in the Block Grid and now it seems to be fine. They were centralised before, which seemed the obvious solution but this seems to be working ok now.

Seems to be working OK now. I had already validated my product, this is an extension of the same website appmeup.co.uk but just a separate test folder I am working on before I apply the changes to the main site.

Are there any other plugins I should load ?

D

[Joao]

Hi D,

All other plugins are optional. Just Cornerstone is a must since now it does the function that X-Shortcode used to do.

I am glad everything seems to be working fine now.

Please contact us if you need help with anything else.

Thanks

Joao

[Damo1968]

actually Joao, now i have left justified the images on the blockgrid, they are swinging over to the left on the ipad.

it seems the blockgrid isnt quite centralising on each platform

any suggestions?

D

[Damo1968]

Do you have no suggestion or has this topic ended ?

D

[Rad]

Hi there,

You mean the spacing right? Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

@media ( max-width: 979px){
.x-block-grid {
    margin: 0 auto;
}
}

Thanks!

[Author]

Posts