- This topic has 12 replies, 5 voices, and was last updated 1 year, 3 months ago by The High on Marketing.
November 30, 2020 at 10:39 am #1558961vast
The current requirement is to display a 3 grid column on a desktop, 2 column with the third centered on a tablet and a single grid column on a mobile.
Displaying 3 grid columns with a width of 33% is easily achievable as is 100% for a mobile device. On a tablet, 2 columns appear at the top with a width of 50% and the third appears in the new row however aligned to the left. There doesn’t appear to be the option to center the third column using the options available in the block settings.
As there is no ability to specify a CSS attribute for each column, what is the recommendation to center the third column on a tablet?November 30, 2020 at 2:55 pm #1559361LeoStaffCustomer SupportDecember 5, 2020 at 1:23 pm #1568775vast
Sorry for not circling back sooner Leo. Since GenerateBlocks doesn’t appear to support column level attributes, we had to introduce a custom CSS selector. Hopefully it’ll be a feature in an upcoming release.December 5, 2020 at 3:30 pm #1568840DavidStaffCustomer Support
theres no need to add Custom CSS if you want to align the grid items. You can change the Horizontal Alignment in the Grid Container:
This can be set separately for each device size.December 12, 2020 at 12:01 pm #1577810vast
Thanks David. These don’t appear to support centering the last column for example.December 12, 2020 at 5:14 pm #1578000DavidStaffCustomer SupportDecember 12, 2020 at 6:34 pm #1578050vast
There was no other information in the post.December 12, 2020 at 6:39 pm #1578057DavidStaffCustomer Support
Are you not able to see the Image i attached above ?
Here is the URL to it:March 19, 2021 at 5:41 am #1701643The High on Marketing
Hii, I’m having the same issue with the Generateblocks Grid item. I was trying to create an Instagram block using a grid inspired by your tutorial on Youtube. But no luck, whatever I do gets aligned to the left by default. Please check the screenshots below:
I did it on different website & it worked but not on this one: https://ibb.co/gMmkpXCMarch 19, 2021 at 9:26 am #1702120YingStaffCustomer Support
I don’t quite understand your issue, the topic starter’s issue is to align the 3rd grid item to center in a new line.
What’s your question here?
And could you open a new topic for your question with your site info? Thanks!March 19, 2021 at 9:31 pm #1702502The High on Marketing
The whole section in the first image needs to be aligned in the centre just like in the third picture. But It automatically gets aligned to the right on the frontend. I tried everything but no luck.
Check out this picture: https://ibb.co/qMLHCh5March 20, 2021 at 8:46 am #1703021YingStaffCustomer Support
I can’t see where the issue coming from without seeing the code. So please do provide your site in question.
But I would guess if you have a right sidebar activated on this page?March 22, 2021 at 12:23 am #1704581The High on Marketing
The sidebar is activated but on some pages, & not on the homepage. Everything aligns to the right by default. link: ethnicnaaari.com
- You must be logged in to reply to this topic.