WordPress.org

Ready to get started?Download WordPress

Forums

Klasik
Klasik Theme Post/Page Title (18 posts)

  1. jasonsulham@gmail.com
    Member
    Posted 7 months ago #

    I'm trying to customize the background for the post title on the Klasik theme but that option does not exist and I am unable to find the php file to make that change or where to make it on the stylesheet. Any thoughts?

  2. lettergrade
    Member
    Posted 7 months ago #

    The whole post title line is defined using this code: <h2 class="posttitle">

    So, depending what you want to accomplish, you could add some css to style that tag the way you want it to appear. How do you want to adjust it?

    If you're going to make css changes, you should consider creating a child theme or using a custom css plugin, so that your changes are not lost next time the theme is updated!

  3. jasonsulham@gmail.com
    Member
    Posted 7 months ago #

    Thanks Lettergrade for responding. Where is that code located? Can't find it for the life of me.

    Here is my website: northpa.com. As you can see the post/page title has an off white or very light blue background with slightly darker borders. I'd like to play around with the color of that background, making it either a lighter blue or a darker blue. I'd want to adjust the color of the text as well.

    Thanks again.

  4. lettergrade
    Member
    Posted 7 months ago #

    Okay actually, now that I've seen your actual site setup, the code is different and it's sort of split into three sections, so you need to change three things to adjust what you want:

    a) This is some css that controls the top portion, which is where the top border line comes from:

    #outerheader {
        background-color: #FFFFFF;
        border-color: #E4E4E4;
    }

    To change the color of the line, you can change the border-color value above.

    b) This is the css that controls the text box background itself.

    #outerafterheader {
        background-color: #FAFAFA;
    }

    So you can change the background-color value of your text box there.

    c) To change the color of the lower line, you need to adjust this border-color:

    #outermain {
        background-color: #FFFFFF;
        border-color: #E4E4E4;
    }

    You'll need to find those attributes and make these changes in your site css file (style.css, in most cases). You CAN technically do this by logging in and editing Dashboard > Appearance > Editor > style.css.

    But before you make any changes, take a look at the child theme or custom css options I linked to above. If you just make changes to the klasik theme css, then your changes will be overwritten if you have to update the theme in the future.

  5. jasonsulham@gmail.com
    Member
    Posted 7 months ago #

    Apologies, but one more question. Having the same issue attempting to change the post/page title font color. I've tried every location in both PHP and the CSS stylesheet with no luck. I'm able to change the font family, the font size... but not the color.

  6. lettergrade
    Member
    Posted 7 months ago #

    Sure, currently it's the following:

    .pagetitle {
        color: #444444;
    }

    Try changing that color value to the one you want!

    Have you tried Firebug? It's a really easy tool in the Firefox browser that makes it simple to find the attributes on elements on any page. Here's a tutorial, if you're interested: Inspecting WordPress with Firebug

  7. jasonsulham@gmail.com
    Member
    Posted 7 months ago #

    Using Inspect Element I think I found the place in the Heading.PHP just below where I was making the earlier changes, but here is how the code looks in that file. Where would I change the color?

    <div id="afterheader" class="twelve columns">
    <?php
    klasik_page_title();

    $custom = klasik_get_customdata();
    $cf_desc = (isset($custom["page-desc"][0]))? $custom["page-desc"][0] : "";

    if($cf_desc){
    echo '<span class="pagedesc">'.$cf_desc.'</span>';
    }
    ?>
    </div>

  8. lettergrade
    Member
    Posted 7 months ago #

    Sure, but it's just a style attribute so you would change the code I gave you in your css stylesheet. For instance, if you wanted the text to be white, you would go to your css stylesheet, find the .pagetitle attribute and change it like this:

    .pagetitle {
        color: #ffffff;
    }
  9. jasonsulham@gmail.com
    Member
    Posted 7 months ago #

    I've already tried that. It's one of the first things on the stylesheet and I've been able to change the font size and font family, but the color won't change.

  10. lettergrade
    Member
    Posted 7 months ago #

    I think the same selector exists in two places in your styles (line 350 and line 549, according to Firebug), and one is overwriting the other. Take a look around for the second one?

  11. jasonsulham@gmail.com
    Member
    Posted 7 months ago #

    OK. Will do. I saw that too on Inspect Element w/ Chrome.

  12. jasonsulham@gmail.com
    Member
    Posted 7 months ago #

    Thanks once again for your assistance. Unfortunately, I just can't find that second .pagetitle attribute. I'll have to stick with the template I guess.

  13. lettergrade
    Member
    Posted 7 months ago #

    Found it! It's in one of the extra css files that comes in klasik. It's on line 21 of the file color.css, and it looks like this:

    .pagetitle{color:#444444;}

  14. jasonsulham@gmail.com
    Member
    Posted 7 months ago #

    You're awesome. Thank you. Had to go into my FTP to find that file but it was a learning experience. I really appreciate it. Enjoy the weekend.

  15. lettergrade
    Member
    Posted 7 months ago #

    No problem, you too!

  16. JoeInCT
    Member
    Posted 4 months ago #

    Need help For some reason all of my text is appearing right justified and punctuation is appearing at the beginning of sentences. This appears to be the default setting and I can't figure out how to correct it. If you reply, be very specific...I'm new to this. Thanks

  17. WPyogi
    Volunteer Moderator
    Posted 4 months ago #

    @JoeInCT - this thread is not the same question. Please start your own.

    http://wordpress.org/support/theme/klasik#postform

    You also need to include a link to your site for this kind of question so that someone can look at it.

  18. JoeInCT
    Member
    Posted 4 months ago #

    OK, thanks.

Reply

You must log in to post.

About this Theme

About this Topic