Social links icons and website footer

  • Author
    Posts
  • #87538

    billgrizer
    Member
    Original poster

    Hello!

    Could you please send me the html code for the social icons displayed on the website footer? I am interested in the Facebook, Instagram, and email icons.

    Also, what’s the css code to include the sentence “Copyrights 2015 Barbara Grizer” on the footer notes along with “The Twotone Theme”?

    Thank you!!!

    Leina

    The blog I need help with is: barbaragrizer.com

    #87761

    thelukemcdonald
    Theme Author

    Hi Leina,

    The social icons displayed in Twotone’s footer are added using WordPress menus. You can check out the theme documentation for more information on how to add those and what icons are available:

    https://wordpress.com/themes/twotone/support/#menus

    You can try using the custom CSS below to add a bit of content above the required WordPress.com footer text.

    .credits::before {
        content: "Copyrights 2015 Barbara Grizer";
        display: block;
    }

    I hope that helps.

    #87762

    billgrizer
    Member
    Original poster

    Hi Luke,

    Thanks so much for your reply! The social icons work great. I copied and pasted the CCS snippet above on the CSS editor on my site’s customizer but nothing happened.. what did I do wrong?

    Also, I would like to change the color of the contact form I have on a home page widget from white to grey and make the fields an inch wider. What’s the html code for that? Here is my contact form’s code:

    [contact-form to='(email visible only to moderators and staff)' subject='Book a Class Form Submitted'][contact-field label='Name' type='name' required='1'/][contact-field label='Email' type='email' required='1'/][contact-field label='Phone' type='text' required='1'/][contact-field label='Tango or Voice Lesson? When?' type='textarea' required='1'/][/contact-form]

    Thank you Luke!

    Best,

    Leina

    #87769

    thelukemcdonald
    Theme Author

    I’m seeing the copyright content in the footer, so it looks like you’ve got it working.

    As far as changing the form colors and widths in the home page widget area, the following CSS should get you started.

    .home-widgets .textwidget .contact-form input[type='text'],
    .home-widgets .textwidget .contact-form input[type='email'],
    .home-widgets .textwidget .contact-form textarea {
      background-color: #cccccc;
      width: 100%;
    }

    I hope that helps. If you have any other questions, please feel free to create a new support ticket.

    #87776

    billgrizer
    Member
    Original poster

    Awesome! It works perfectly! Thank you so much Luke!

    #87786

    thelukemcdonald
    Theme Author

    You’re welcome.

The topic ‘Social links icons and website footer’ is closed to new replies.