Zenfolio experience

Discussions
,
29

If you’re still working on the white background for the blog I came up with a better method as I ran into some major limitations the other way.

You have to add this to each page unfortunately as a css block, but otherwise it works great.

.sm-page-widget-text p {
	color: #444;
 	font-size: 150%;
  	line-height: 1.5em;
  	font-family: 'Lato', sans-serif;
}

.sm-user-ui .sm-page-layout.sm-page-layout-sitetemplate .sm-page-layout > .sm-page-layout-region > .sm-page-layout-region-center {
    background: white;
}

@media only screen and (min-width: 640px) {
  .sm-user-ui .sm-page-layout.sm-page-layout-sitetemplate .sm-page-layout > .sm-page-layout-region > .sm-page-layout-region-center {
    padding: 100px;
  }
}


.sm-page-widget .sm-page-widget-pagetitle-m {
  color: #222;
}

.sm-user-ui h1, .sm-user-ui .sm-h1 {
  color: #222;
}

.sm-user-ui .sm-page-widget-text a, .sm-user-ui .sm-page-widget-text a:hover, .sm-user-ui .sm-page-widget-text a:active, .sm-user-ui .sm-page-widget-text a:visited {
  font-size: 75%
}

Here’s an example: https://davidkingham.smugmug.com/Blog/A-Long-Overdue-Update

1 Like