I need a little help with a Perch enabled website. From what I understand, the Perch fields on the page I’ve linked below are styled by an external CSS style sheet, which I’ve posted before.
Is there anyway to style the fields from within Freeway Pro using the extended feature or even Crowbar? I’m also having trouble identifying the “Page” number field and how to style that.
If somebody could guide me through the process I’d be most appreciative.
Blog CSS
/* this stylesheet contains some example styling for the blog pages. Feel free to edit or include this css in your existing stylesheet */
/* main structural elements */
#wrapper {
width: 780px;
margin-left: auto;
margin-right: auto;
}
#content {
float: left;
width: 500px;
}
ul.hfeed {
margin: 0;
padding: 0;
list-style: none;
}
li.hentry {
margin-bottom: 20px;
}
li.hentry h2 {
margin: 0;
font-size: 200%;
}
div.hentry h2 {
margin: 0;
}
div.hentry h2 a {
text-decoration: none;
}
.hentry p.date {
margin: 0;
font-size: 95%;
display: inline;
font-style: italic;
color: #999;
}
/* news and events excerpt below date */
li.hentry .entry-summary {
font-size: 100%;
color: #666;
}
li.hentry .entry-summary p {
margin: 0;
}
/* this creates the image shadowing */
.hentry img {
margin-top: 20px;
padding: 10px;
background-color: #fff;
box-shadow: 0 0 12px #666;
margin-bottom: 10px
}
.meta {
}
.meta h3 {
font-size: 100%;
margin: 0;
}
.meta ul {
list-style: none;
margin: 0;
padding: 0;
}
.meta .cats {
width: 50%;
float: left;
}
.meta .tags {
width: 48%;
float: right;
}
Assuming you can locate your override sheet after the Perch sheet in the head of your page, so the (view source in browser) HTML reads something like this:
Then any rules that you define in the override sheet will change any rules defined in the perch sheet. Note that having the same selector (the part outside of the curly-braces) is not enough. You must also have the same specific attributes listed in your override rule, and either set these to default values like auto or whatever is appropriate for the type of rule you’re modifying, or set to a different specific value.
The rules are applied in the order presented, and they overlap, similar to stacking color filters. (Unlike color filters, they can entirely override one another. Setting color to yellow after setting color to blue does not result in green, it results in yellow.)
Try applying both of the stylesheets (perch and your override) using the ESS User External Stylesheets Action. This will give you precise control over which sheet is linked first. You can also accomplish this with the Page / HTML Markup dialog, but you will then need to upload your files separately.
Walter
On May 7, 2013, at 1:10 PM, RavenManiac wrote:
Is there anyway to style the fields from within Freeway Pro using the extended feature or even Crowbar? I’m also having trouble identifying the “Page” number field and how to style that.
This is the code I’m currently using, but I’m still having trouble identifying specific Perch data field names, such as Page Numbers. Plus, as you said everything is cascading so one element affects the next. Very confusing, well at least to me.
