Options

Descriptions to the right of photos in journal style

ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
edited September 27, 2015 in SmugMug Customization
Yes, Allen, you did it for me. :lust Lots of hunting through DG for the right code.

http://www.joinrats.com/START-HERE-Earn-Trust/Links/n-fm4NBC/


One question: the background color code spans the entire page, unlike the background color on, for example, the SM style gallery, which keeps the background just around the thumbnails and photo on the right side. I like the color effect on my page, BUT, I would like to:
- Change the font color (keywords, description, title)
- Change the font color (text block)
- Change the font size (keywords, description) [Where I tweaked the code, only the Title font increased in size]
- Is it possible to put a background color on the youtube and text blocks? (I have that code in my page CSS but it's not working - probably is supposed to be only for SM style?)

Are these tweaks possible with your "right side" code for journal style?

Here's the code (there is actually a lot more code in my page CSS, but the rest isn't relevant, I think). I put what I thought should be the font code, in RED:
/* TESTING RIGHT SIDE TEXT ON JOURNAL STYLE */

.sm-page-widget-body .bobBearDescription {
  background: rgba(172, 192, 201, .85);
  padding: 0 10px 10px;
}

.sm-page-layout-region .sm-page-layout-column .sm-page-layout-row {
  background: rgba(122, 160, 179, .90);
  padding-top: 0;
}

.sm-page-layout-region .sm-page-layout-column .sm-page-layout-row:first-child {
  margin-top: 3px;
}

.sm-user-ui .sm-tiles-vertical.sm-tiles-fit .sm-tile-content {
	display: inline-block;
	width: 60%;
}
.sm-user-ui .sm-tiles-vertical.sm-tiles-fit .sm-tile-info {
	display: inline-block;
	width: 40%;
	padding: 0 .5em 1.2em 1.2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sm-tile-wrapper {
width: 100% !important;
}

[COLOR="Red"].sm-tile-caption {
padding-top: 40px;
font-size:20px;
font-color: yellow;
}[/COLOR]

.sm-tile-info {
    text-align: left !important;
}

x.sm-gallery-image-tools {display:none;}
x.sm-user-loggedin .sm-gallery-image-tools {
   display:block;}
Sign In or Register to comment.