-
AuthorPosts
-
August 27, 2019 at 2:24 pm #1131325
Hi,
I would like to write some content centred in the page but using 1/5 column + 2/5 column + 1/5 column the 2/5 central column is too narrow.
The blu color section shows 1/1 text block
The white color section shows 1/5 + 2/5 + 1/5How can I have content starting as on the example where I set the red vertical lines?
Thanks,
MarcoAugust 29, 2019 at 4:23 pm #1131963Hey marcoabis81,
You can put just the text block in the color section and we can help you center it.
Best regards,
VictoriaAugust 29, 2019 at 4:56 pm #1131994Hi Victoria,
thanks for the reply.Can you try with the second color section?
August 29, 2019 at 8:00 pm #1132062Hi marcoabis81,
Best regards,
VictoriaAugust 29, 2019 at 9:05 pm #1132085Victoria,
can you try now?
I am not sure why you are getting that page.I just accessed with the same details
September 2, 2019 at 8:12 am #1132860Hi,
Thank you for sharing the details.
I’m not sure which page you are referring to on your site. But I understand that you like to add a custom content width to a color section.
Please follow the instruction provided in this link.
Instead of 100% you can choose a specific min-width in the CSS code.
If you still have any issue please share the link to the page here so we can help you better :)
Best regards,
VinaySeptember 2, 2019 at 4:25 pm #1133052Hi Vinay,
I tried it and it works. However it works for the color section. I only wanted to change the width of the text block content within the color section.
How can I achieve this?thanks
MarcoSeptember 2, 2019 at 4:53 pm #1133063if you like to have it narrower ( text-block element )let all options as before – and take a 1/3 1/3 1/3 Column layout.
1/3 is less than 2/5 ;)
and it is on default centered to the Rest of the Content . If that is not enough:
Goto that middle 1/3 column and edit that column on Layout Tab – enter some padding left/right.If you want it more perfect : give that middle Column a custom-class and do it via quick css with media query:
@media only screen and (min-width: 767px) { .flex_column.custom-class { padding: 0 50px !important } }
if you like to have it wider ( text-block element)
1/5 3/5 1/5
but if content is less ( short sentences ) they will not fill the container place !that page is not online now – otherwise i will have a look to that.
Maybe you take a 1/1 container and do it only with quick css via custom class as above shown.September 2, 2019 at 6:28 pm #1133090Hi Guenni,
1/3 is smaller than 2/5 yes but it is bigger than 1/5.In fact I wanted to achieve to have the text starting a bit earlier and finishing a little after. As per this screenshot (see the red bars).
The top color section is 1/1
the second color section is 1/5 + 2/5 + 1/5I would need to have a 1/8 more or less to achieve that
Anyway thanks :-)
September 2, 2019 at 6:34 pm #1133093Maybe you take a 1/1 container and do it only with quick css via custom class as above shown.
so you can style it till it will fit with padding-left and padding-right in a 1/1 container. In media-query to have that behaviour not on small screens!
But However, if your sentences are not long enough to fill the room there, you have an alignment line on the left, but the content on the right is not enough. And the content I see in the screenshot above is just like this.
September 2, 2019 at 6:58 pm #1133097The quantity text below is in a 1/1 container.
This 1/1 column has the custom class: custom-width-set@media only screen and (min-width: 767px) { .custom-width-set { padding: 0 20%; } }
see: https://webers-testseite.de/guenni/
to synchronize that – we had to see how much place is given to the headings above.
September 8, 2019 at 12:05 pm #1135602Hi,
I found the solution.
Within the element there is a layout setting which allows me to add margin all around it. So I was able to set the elements in the way I wanted :-)Thank you
September 8, 2019 at 8:20 pm #1135711 -
AuthorPosts
- The topic ‘How to make page narrower’ is closed to new replies.