ThemeShaper Forums » Thematic


Some questions in regards to Thematic and the Thematic Feature Site

(2 posts)
  • Started 11 years ago by gideonvd
  • Latest reply from gideonvd
  • This topic is not resolved
  1. gideonvd


    Just started using thematic. In one word; amazing. Everything is going really smooth and I can safely say that my development time has already been cut in half.
    As I am nearing the finish line on this project some questions keep coming up. I have a couple of general questions about best practice usage and three more specific question. I'll start with the latter.


    Styling is a breeze for the most part but some elements seem less receptive to my css behavior. E.g

    1 How do you style the nav-previous and nav-next classes. Specifically how do you style the <<(previous post tile) and (next post title)>> at the end of each post? Instead of text I would like to use a button. RESOLVED

    2 How do you style the comment submit button?

    3 How do I get rid of the header searchbar?


    Some pages require contextually changing styles. For example my #legend bg is different on each page. Now the way I did this was by including <body <?php body_class(); ?>> in my header.php file and then styling my #legend per page id.


    <body <?php body_class(); ?>>

    Style.css: #leader{
    	padding:63px 0 42px;
    	background: url('images/leader_stills.jpg') no-repeat;
    } #content{
    	width: 988px;

    This works fine. As you can see I also use this method to reset my #content width so I can implement my grid. Although it works, it feels completely wrong to edit the thematic header.php file and make exceptions on a per page basis. Is there a better way of contextually changing my css per page without changing the header.php.

    Lastly, what exactly does the functions.php file do other than randomize the front page content? Is this the place to add my modifications instead of adding them to the thematic files. How do I go about this?

    Thanks a lot,


    Posted 11 years ago #
  2. gideonvd

    Partly resolved!

    I am an ass. After staring at a screen for 15 hours straight typo's are bound to happen. Here's how you style the previous and next text beneath each post (in my case a button):

    .nav-previous a,
    .nav-previous a:hover{
    	background: #5C9BD1 url(images/overlay.png) repeat-x;
    	display: inline-block;
    	padding: 5px 10px 6px;
    	color: #fff;
    	text-decoration: none;
    	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    	border-bottom: 1px solid rgba(0,0,0,0.25);
    	position: relative;
    	cursor: pointer;
    .nav-previous a:hover{
    	background-color: #2575cf;
    	color: #fff;
    Posted 11 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.