How to Turn Off Page Title

Basic support is open to all members of Volatyl Themes but what about those who need a little more? That's what Volatyl Themes subscriptions are for. The Priority Support subscription gets you more detailed, personal support while the Advanced Development subscription not only includes Priority Support, but also grants you access to premium content only seen by subscribers. This premium content will help you take your Volatyl websites to the next level with advanced development techniques, integration tips, and more information on how to really put Volatyl to use. Check out the subscriptions!

This topic is: resolved

This topic contains 7 replies, has 2 voices, and was last updated by  sdavis2702 5 years, 3 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #3815

    Thomas Michaud
    Participant

    Is there a way to turn off the page title so it doesn’t show up on my landing page or squeeze page? I’ve only used themes in the past that automatically don’t show the page title on a landing page.

    Thanks,
    Tomas

    #3822

    sdavis2702
    Keymaster
    Post count: 72

    Well landing pages and squeeze pages are definitely two different things. But there are no set rules for either… just certain goals and common tactics agreed upon by many marketers. You are free to display them in your own specific way to meet your goals, though.

    To be able to set the title so you can still see it in your dashboard, but not have it show up on the pages themselves, just create the pages like normal with a title but use this line of CSS in your style.css file:

    .landing .entry-header,
    .squeeze .entry-header {
            display: none;
    }
    
    #3821

    Thomas Michaud
    Participant

    Wow – thank you for answering so quickly. I really appreciate it.

    #3820

    Thomas Michaud
    Participant

    I did it! First time I’ve successfully change CSS in wordpress (the key word is successfully).

    Where could I learn more? I want to create a page template that is the same as the default template but without the title like the new squeeze/landing page.

    Thanks again,

    Tomas

    #3819

    sdavis2702
    Keymaster
    Post count: 72

    Nice! Glad it worked for you, man. Also glad to know I’m witnessing the beginning of your CSS journey. 😀

    Learn CSS requires using CSS. So you’re already doing the right thing. What you want to do is keep from limiting your site design to your abilities. What I mean is… if you want to change the site background, make a decision to do so and don’t let up. Use these forums to ask questions like you’ve done. Google it. Do everything you can to figure it out. Because once you’ve done it, you’ll never forget it. After some time, you’ll have written so much CSS that you’ll be fluent in it. That’s by far the best way to learn.

    For creating another page template, that can get a little tricky for a beginner. The page template files are custom templates that are part of the Volatyl core. More can definitely be created but you’d have to know how to navigate through PHP.

    A MUCH easier way, and the way I’d suggest if you’re just looking to have special title-less pages, is to use the “Volatyl Quick Settings” located right beneath the visual editor when creating a new page. There, you will see a box for a custom CSS class. http://glui.me/?i=8x3247x7z5miyjd/2013-06-21_at_5.52.36_PM.png/ Type a name into that box to give that Page a specialclass that you will then target in your CSS file. Class names must start with a letter or an underscore… no numbers. Use a unique name like no-title.

    With that in place, every single time you create a new Page using the default template, if you don’t want it to have a title (I’m assuming you won’t want this behavior for every single page… just some), place that no-title text in the box.

    Then in your style.css file of your child theme, you will use very similar CSS to what I gave you before except that you will specify that you are targeting no-title pages instead of landing or squeeze pages.

    .no-title .entry-header {
            display: none;
    }
    

    In fact, you can combine this CSS with what I gave you before:

    .no-title .entry-header,
    .landing .entry-header,
    .squeeze .entry-header {
            display: none;
    }
    

    With that in your CSS file, ALL Landing Pages, Squeeze Pages, and Default Template Pages with no-title in the custom CSS Class box should display just like normal except with no title.

    Give it a shot and let me know how it works for you!

    #3818

    Thomas Michaud
    Participant

    It works! Just like you said.

    I feel excited by the possibilities.

    Thanks for the advice and the inspiration Sean. I feel empowered.

    Tomas

    #3817

    sdavis2702
    Keymaster
    Post count: 72

    And that’s where it all begins. 😉 Don’t hesitate to login and ask any questions you have. If I can help, I will!

    #3816

    Thomas Michaud
    Participant

    Thanks 🙂

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.