Support » Theme: School » moving and adding page titles

  • Hi, this is my blog http://bigtroubleinlittlenappies.com/

    My page titles appear at the very top right of the blog and I feel like they will be missed by many – is there a way to move them, or make them more visually striking?

    I also previously had 4 pages: home, about, contact me, popular posts. The last – popular posts – though still listed in my dashboard-pages, does not appear in the top menu with the other three and I can’t figure out why. Is there a limit of 3 with this theme?

    If anyone could help I would appreciate it. Am a little lost with this new theme since moving over here this week from wp.com where I had a different theme that required very little work!
    Thanks.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Brian

    (@briansteeleca)

    When I click on a post to go to a post page, I’m not seeing a title at all. I’ve tried it in Chrome and Firefox browsers.

    When I inspect the code, I see the title is set to not display:

    #kt-blog-title .col-md-11 > h1 {
      display: none;
    }

    Changing display: none; to display: block; will make it show up.

    I think it’s very unlikely that your theme only allows 3 menu items. In your Admin panel, go to Appearance > Menus and under Menu Structure, see if your popular posts page is in the menu. If it’s not, you’ll have to add it: under Pages, click the checkbox beside the page you want to add, then the Add to Menu button, and finally the Save Menu button.

    Brilliant, thank you. Have now sorted the page issue through your suggestion. Much simpler than I thought it would be!

    I hadn’t realised about title disappearing once clicked on but now know why. I asked for help on removing a large title and icon that came with the theme and looked odd and out of place on my homepage, hence the code you found. I am guessing that has removed all titles which isn’t great. But I definitely don’t want the previous out of place icon and blog word!

    The only solution I can think of is to add the post title to the photo, but it isn’t ideal! If you have any suggestions I’d be grateful though appreciate you have already given this time so no problem if not.

    thanks again ๐Ÿ™‚

    Brian

    (@briansteeleca)

    We can hide the home page title by using the .home class – that class is only used on the home page:

    .home #kt-blog-title .col-md-11 > h1 {
      display: none;
    }

    Since you want all other h1 titles to display, you’ll either have to remove the style rule that hides them or set them to display like so:

    #kt-blog-title .col-md-11 > h1 {
      display: block;
    }

    Thanks a lot for these options, really helpful. The first means blog / home does appear but in very small font, then the post title on the post page is the same – I am wondering if this is the best solution for the moment, but will have a think about it.

    Thanks again for taking the time to look into this and offer solutions – very much appreciated ๐Ÿ™‚

    Brian

    (@briansteeleca)

    I’m not sure I understand.

    The first rule means that the title “Blog” (with the red underline) does not display at all on the homepage. The second rule means that the post tile will display on the post’s single page, for example “The Healthy Parentโ€™s Five-a-Day Rule”.

    From my testing, this code should accomplish what I said above:

    /* Do not display Blog with red underline on the homepage */
    .home #kt-blog-title .col-md-11 > h1 {
      display: none;
    }
    
    /* Do display the post's title on the single blog post page */
    #kt-blog-title .col-md-11 > h1 {
      display: block;
    }

    Anyway, I’m happy to help, so if I’m not understanding what you want, just let me know and I can help you figure it out.

    Hi Brian,

    Thanks so much – it is probably me doing something wrong, but basically, I have input your code and I now have the home/blog displayed but small and the post title how I want them, but also with Home in small too. I have left it up to explain:
    http://bigtroubleinlittlenappies.com/humour/the-healthy-parents-five-a-day-rule/

    The other CSS codes I have is to stretch the width of my header to 100% and to remove the pencil icon, but I don’t know if they are impacting on your code. As you can probably tell: I am clueless!

    Thank you, thank you!

    Brian

    (@briansteeleca)

    Ah, I see – that little text is called “breadcrumbs”. They are links that show the user where they are in the site and allow them to navigate to back up to parent pages.

    For instance, here’s an example of breadcrumbs on Amazon:

    Toys & Games โ€บ Games โ€บ Board Games

    It’s possible that your theme is using a plugin for breadcrumbs, and you can just deactivate it (or remove it) if you don’t want breadcrumbs. Or it may be an option in your Settings.

    If you can’t find a way to do that, we can hide them with CSS:

    #kt-blog-title .small {
        display: none;
    }

    Brian, so sorry – I realised after I left the house that the first time I tried your code (and no doubt made an error), all I could get was ‘breadcrumb’ size text for the title posts, which is what I referred to up message, whereas this last time I got the titles looking exactly how I want them, so of course the ‘breadcrumb’ text is fine as it is – I was getting a bit muddled up and no doubt sounding fussy!

    I have just had a proper look and it’s quite nice actually, and easy for readers to navigate, as you say. I will save your code – and whole post actually – in case I don’t feel it works but am so happy with how it is, compared to the previous issues.

    Thank you SO much for all your help and patience ๐Ÿ™‚

    Brian

    (@briansteeleca)

    You’re quite welcome. When it comes to this stuff, being fussy is good!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘moving and adding page titles’ is closed to new replies.