Support » Theme: Twenty Twenty-One » Page Title on first page

  • I am using the Twenty Twenty-One theme and I am having the following problems:

    1) I know the first page will not have a Page Title. I am trying to add a header or paragraph that will look the same as the other Page titles, but I cannot get it to look the same. Font is different, no underline under Page title, the alignment is not correct.

    2) I have tried CCS override but it has no affect on the size of my page title, I tried the plugin “Options for Twenty Twenty-One” but I still cannot get the desired results.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Kathryn P.

    (@zoonini)

    Hi there @lolaweb

    I think the best starting point would be to add an h1 Heading block instead of your current paragraph block. Then choose the Wide Width alignment to that h1 Heading block as you see here:

    Edit Page About The Tests Self hosted Test WordPress

    Next, add the class entry-title to the same Heading block, in the Additional CSS classes section of the Advanced block settings:

    Notification Center

    That should take care of the font size, alignment, and weight.

    Now we need to add the border, which we can do via custom CSS:

    
    /* Homepage title */
    .home h1.entry-title {
      border-bottom: 3px solid #000000;
      padding-bottom: 60px;
    }

    Let me know how it goes!

    • This reply was modified 5 days, 18 hours ago by Kathryn P.. Reason: screenshot fix
    Thread Starter lolaweb

    (@lolaweb)

    Thanks – getting closer – http://lolainfo.com

    I am not sure how to change the font on the title and I am not for sure the font of the titles on the other pages.
    That is my desired results – see the page title – http://lolainfo.com/appointment/

    Once last question – how do I get rid of the twitter, facebook, email, etc icons in the footer?

    • This reply was modified 5 days, 12 hours ago by lolaweb.
    • This reply was modified 5 days, 12 hours ago by lolaweb.
    • This reply was modified 5 days, 12 hours ago by lolaweb.
    • This reply was modified 5 days, 12 hours ago by lolaweb.
    Moderator Kathryn P.

    (@zoonini)

    Thanks – getting closer – http://lolainfo.com

    @lolaweb Getting closer indeed!

    I am not sure how to change the font on the title and I am not for sure the font of the titles on the other pages.
    That is my desired results – see the page title – http://lolainfo.com/appointment/

    To get the font weight to better match your other pages, you’ll need to un-bold the front-page heading in the editor.

    Edit Page About The Tests Self hosted Test WordPress

    Could you please go ahead and try that and then let me know if it matches your other page titles, as on the Appointment page?

    Once last question – how do I get rid of the twitter, facebook, email, etc icons in the footer?

    You can remove the social menu by going to

    Appearance > Customize > Menus

    Select your social menu, and then un-check the box next to Secondary Menu, like you see here:

    Customize Self hosted Test not just another fake company

    Finally, save your Customizer changes.

    Let me know how it goes!

    Thread Starter lolaweb

    (@lolaweb)

    It went great – thanks for all your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.