Still at a crawl, trying to get basic template elements in place so I can then dump content into my dev site.

At the bottom of the page we;ve been working on:
dev.oakcreekwatershed.org/about-ocwc/1-the-ocwc-council?showall=&start=1

I would like the page navigation at the bottom to have the style you have in your Base3 template demo, e.g., on the ThemeMagic page:
demo.joomlabamboo.com/index.php?theme=base3

Your documentation for Base3 doesn't mention how you styled it. Looking at it in the Inspect Element, there is this code:
<ul class="pager pagenav">
<li class="previous">
<a href="/showcase/base3/template-features" rel="prev">< Prev</a>
</li>
<li class="next">
<a href="/showcase/base3/template-features/t3-features/responsive-by-design" rel="next">Next ></a>
</li>
</ul>

Does this mean in order to get that styling I have to manually enter my page navigation (ul classes, li classes, and manually create the links) for every page? Or is there a way to apply module classes to a page navigation module - or -?
tmsrDD

The layout is a bit different with how you are using the page so the styling tag hooks aren't present so you need to re-style the present elements

Try adding

.pager li {

display: inline-block;
width: 28%;
background: #ffffff !important;
border: 1px solid #f5f5f5;
padding-right: 10px !important
color: #b3b3b3;
font-weight: bold;
padding: 20px;
text-align: center;}

.pager li a {
border: none
}

I had to add !important to all of the rules, but then it fell in line with the idea I want. I'll work on the a:hover, etc. next.

Thank you for getting me this far.
tmsrDD

No problem

Cheers
Paul

I think if you up the specificity you may well not need the !important

Instead increase the specificity with an additional tag e.g. body

Cheers
Paul

e.g

body .pager li {
display: inline-block ;
width: 28%;
background: #ffffff;
border: 1px solid #f5f5f5;
padding-right: 10px;
color: #b3b3b3;
font-weight: bold;
padding: 20px;
text-align: center;}

body .pager li a {
border: none ;
}

Yes, indeed - that did the trick. I used your modification and the display holds without the !important. I will have to learn more about the use of body in that way.

Again, thanks!
tmsrDD

No problem

Specificity is one the keys to using css - !important does the job but it can be a sledgehammer to crack a nut

Cheers
Paul

If using !important to override a normal template style there is normally a better way (unless the style also uses an !important)

One place to use !important is if overriding inline styling

Good luck with the site

Cheers
Paul

I should also mention that it can be any tag but there is always a body tag so its what I use to increase the specificity a knotch

www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

OK. This is wonderful help. Thank you!
tmsrDD

No problem