-
Posts
-
I am creating an element with text on the left half of the screen and a full screen background image on the right side so I’m using the Grid Row container. That way my image will fill the right side despite the screen size. My issue is with the text on the left hand side. I’d like the text to to line up with the regular containers that are centered to the max container width of 1310px and not to the far left specifically on larger screens.
I have an example attached. You can see the upper row is what I have now and the text aligning far left. What I’d like is for my text to align normal like the row below that keeps the site wide margins outside of 1,310 pixels. Please help.
Hey tobuff85,
Thanks for the screenshot. Could you post a link to the site in question so that we can take a closer look as well please?
Best regards,
RikardSure, here is a link with an example. You can see I have the grid row example on top which has the left column’s text aligning to the extreme left of the browser regardless of browser size. I’d like to be able to use grid row but be able to have the text align to the normal container max width like the row below which is a normal 1/2 box aligning to the general container. Your help is much appreciated.
Hi,
Thanks for that, though that is not possible by default since the Grid Row is a fullwidth element and doesn’t have the container element like non-fullwidth elements does. You could try to activate debug mode in order to see builder shortcodes and try to place a 1/1 element within the cell: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, I’m not sure if that will work but you can try it at least.
Best regards,
Rikard
- You must be logged in to reply to this topic.