Questions on Footer

Hi,

I have a few questions on my website’s footer. This is my website: http://souperdiaries.com/

  1. How do I make the font size smaller?

  2. How do I move the ‘Privacy Policy’ and ‘About’ to the same line as ‘Souper Diaries All rights reserved. Theme by Colorlib Powered by WordPress’?

  3. How do I create a ‘Contact Me’ form like this? I’ve attached a screenshot

Does Dazzling have its own social media icons? I want to put it on my widget. Where can I find those icons?

Yvonne

Hi Yvonne,

I hope you are well today and thank you for your questions.

1. How do I make the font size smaller?

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Dazzling Options -> Other -> Custom CSS


#footer-area .footer-widget-area * {
    font-size: 13px;
}

2. How do I move the ‘Privacy Policy’ and ‘About’ to the same line as ‘Souper Diaries All rights reserved. Theme by Colorlib Powered by WordPress’?

You will have to develop custom code to achieve this as developed in the following topic for Activello theme.

https://colorlibsupport.com/t/footer-links/

3. How do I create a ‘Contact Me’ form like this? I’ve attached a screenshot

You can create it using the following plugin.

Does Dazzling have its own social media icons? I want to put it on my widget. Where can I find those icons?

Dazzling theme doesn’t have social media icons images instead it creates them by using font awesome font.

To create social icons follow the below steps :

  1. Create a menu like any other menu in the admin area of your site under Appearance -> Menus .
  2. Use the correct urls in the menu items, so for twitter it must be twitter.com for facebook it must be facebook.com. Otherwise URLs won’t get recognized and you will get squares without icons.
  3. Set theme location for this menu as “Social Menu”
  4. Use the widget “Dazzling Social Widget” in the widget area.

Best Regards,
Movin

Thanks for your reply Movin.

For question #2, I don’t know how to put the code on my site. I’m using Dazzling’s child theme now. Can I still use that code for Activello theme? And where do I place the code?

For social media icons, I’m not sure if I’ve done it correctly because all the icons look greyed out. Is it suppose to be this way? Is it possible to change the color to a darker shade of grey?

Thanks for your assistance.

Yvonne

For question #2, I don’t know how to put the code on my site. I’m using Dazzling’s child theme now. Can I still use that code for Activello theme? And where do I place the code?

In your Dazzling child theme add the file footer.php from the parent theme and then edit that footer.pgp file to include the custom code as described in the following topic for Activello theme.

https://colorlibsupport.com/t/footer-links/#post-54364

For social media icons, I’m not sure if I’ve done it correctly because all the icons look greyed out. Is it suppose to be this way? Is it possible to change the color to a darker shade of grey?

Yes it by default displays like that but you can try its color by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Dazzling Options -> Other -> Custom CSS

#page .social-icons a {
    color: #000;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp