Hi!

Try the following: go to Themes -> Long Way Home -> Customize theme. Paste the following line in the "Add your CSS" area:



This should make the description visible (but unstyled). You can add other styles to that line of code if you want.

If you need further customization, i'd recommend having a look at the following how to:http://www.concrete5.org/documentation/how-tos/designers/modify-a-p...

As for adjusting the size, what page list are using ("Square Portfolio" or "Scattered Portfolio"). What size would you like them to be?

jordi

Thanks Jordi. Really appreciate this. My clients love this theme, and we need more info on the cards, so this is perfect. I don't think I need to make the scattered portfolio sizes bigger, if I can just style the text. I want only the page title and the description to appear and in smaller font. I'll look into the template customization to see if I can extract the file date and I should be good to go!. I'll be sure to post a link to this site when it's live!

Hi again, thanks to your tip, I was able to not only adjust the size of the cards in the Scattered Portfolio, but also to adjust the display of the properties pretty well. I added a link below and some of the CSS I used for that.

However, I'm noticing that on the mobile display, the writing on the cards doesn't scale and it gets cut off. Any tips about how I can make sure my CSS adjustments work for mobile too?

URL:http://www.donnerland.dreamhosters.com/index.php/listings/...

CSS Changed i've added:

body {
background: #000000;
}
.c5wrapper {
background-image:none;
}

ul.card-grid {
text-align: left;
font-size: 60px;
line-height: 0.1px;
}

ul.card-grid li p {display:block;
font-weight:bold;
font-family:georgia;
background: rgb(250,250,250);
background: rgba(250,250,250,0.4);
padding-right: 10px;
}

ul.card-grid li .page-list-description a span {
padding: 3px 6px 0 6px;
background: rgb(250,250,250);
background: rgba(250,250,250,0.4);
}

.page-list-description a span {
font-size:28px;}

.page-list-description p small {display:none}

.page-list-description a.read-more {color:#000000;}

ul.card-grid.scattered li div.page-list-item.tilted {
width: 230px;
height: 230px;
border: 5px solid white;
border-width: 5px 5px 30px 5px;
}

thanks, -patricia

Hi Patricia!

I'm glad you could work it out. The theme uses CSS media queries to target mobile devices. That means you have to wrap your css rules with the following code to make it work only on mobile devices:




So to make the description fit the new card size on mobile devices, adding the following code should work:




Hope that helps!

(by the way, your site look great, good job!)