Background image for content area of Backlight Pangolin

pideja · 2018-01-29 03:06:22

I've really got to learn the specifics of selectors...works great Rod, thanks.

Just another thing for today:
how do I control the size the "beige" background that's under the text?

rod barbee · 2018-01-29 03:10:04

Maybe with the width of the content area in the template.
Content Areas > Main Copy: max width and padding settings

pideja · 2018-01-29 23:44:28

I tried to change the Content Areas > Main Copy: max width and padding settings, but the top-bottom settings just change the size of the box somewhat but the box is still high on the page, not centered settings_graph
like in the graph seen in the inspector:

Then, still in the inspector, I find what seems to me as the settings for this box:
Problem is, I still don't know where to change these settings.
What dictates where the box is, relative to the page? Is it the borders, the padding or some other control?

rod barbee · 2018-01-30 00:19:28

For that template, (with the identifier luc-bio), what do you have set under Content Area > Main Content > Max-width? It looks to me that it's set at 1920px. But you can set it as low as 920px.
And just below the max-width setting are settings for padding.

if the main content is too high on the page, change margin-top (at the top of the Content Areas settings). If you've already set that at its maximum, then just set it to something different using custom css.

.the__copy {
margin-top: 50px;
}

if you only need that margin top on this page, then place the slug selector before .the__copy

.slug-bio .the__copy {
....
}

pideja · 2018-01-31 06:26:01

It set Content Area > Main Column > Margin-top at 75px to solve my problem. The CSS somehow doesn't work. Maybe I placed it wrong in the file.

Last edited by pideja (2018-01-31 06:26:19)

rod barbee · 2018-01-31 06:42:41

are we still talking about this page: http://pideja.ca/luc/fr/bio/

that page is using a custom css file named luc-fr.css

what css isn't working for you? I see the css that's adding that awkward margin-left: 150px
I also see in that css file some css that looks like it's left over from CE4: there is no .mantle class in Backlight. Same with p.p-nav. I think that's a left over too.
and the css for the copyright must also be leftover from CE4

Community @ The Turning Gate

#26 2018-01-29 03:06:22

Re: Background image for content area of Backlight Pangolin

#27 2018-01-29 03:10:04

Re: Background image for content area of Backlight Pangolin

#28 2018-01-29 23:44:28

Re: Background image for content area of Backlight Pangolin

#29 2018-01-30 00:19:28

Re: Background image for content area of Backlight Pangolin

#30 2018-01-31 06:26:01

Re: Background image for content area of Backlight Pangolin

#31 2018-01-31 06:42:41

Re: Background image for content area of Backlight Pangolin

Board footer