Tagged: boxed content, css styling, fullwidth
Hi, my goal is rather simple, I’ve made two animated GIFS showing our layout at https://imgur.com/a/Hop8u.
The first GIF shows the content on a streched layout site, with the the content in a fullwidth color section. I’ve been asked to narrow this layout only to make it look more like entries on a paper. I tried using code I found on couple of other support cases in this forum such as
#farg {
max-width: 50% !important;
position: relative;
left: 25%;
}
It looks ok at first, but scales down poorly as you can see in the second GIF.
– Is there a way to just have a boxed background color encompass the content in this section only?
Hey wieslander,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
I’ve attached some login details since the site is for members only until finished.
The page with we’re trying to make look like a bit o f aleaflet with a background is located at https://news-epistemology.com/test-3/, and it’s the one we can’t manage to look nice. The scaling doesn’t really work and the text does not wrap inside the icon boxes. Compare this to the start page https://news-epistemology.com/.
– Is there a way to just have a boxed background color encompass the content in this section only?
You’re very welcome to change the Quick CSS if you’d like. Thank you so much for looking into this.
Hi wieslander,
There has to be just one id farg on the page, the ids have to be unique. Maybe you should wrap all row in color sections? And set the setting to “No sidebar”.
Best regards,
Victoria