• Resolved supersonic_528

    (@supersonic_528)


    Hello,
    1. How can I add social media icons in the footer navigation?
    2. I have been able to add social media icon on the topbar menu. However, the icon is right next to the page menus (like ‘About Us’, ‘Contact’, etc.). Ideally I would like to have the page menus on the left, followed by gap and then the social icons on the top bar. How can this be done?
    3. The title is red on white background. Is it possible to change the background color of the title bar to red and the text to another color?

    I am using the Virtue theme free version. My website is at
    http://redsoilcrafts.com

    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello,
    Try this CSS for your social icons. Just adjust the margin value to your needs.

    .icon-facebook-sign::before {
    margin-left: 100px;
    }

    What is it you would like to do with colors again? #3 needs to be explained a little more, thanks.

    Thread Starter supersonic_528

    (@supersonic_528)

    Thanks for the reply.

    1. Still waiting for a solution.

    2. I tried your suggestion. It doesn’t seem to do exactly what I am looking for. I used a value of 250, please check the website to see what it looks like now. The Facebook icon does not go all the way to the right, which is what I want. If I increase the value beyond 250, the Facebook icon goes below the page menus (like a second line).

    3. At the top, we have the header ‘red soil crafts’ and then below it ‘Exquisite Handmade fashion and Decor’. These are in red on a white background. Instead, I want these lines (text) to appear in say black, and the background (just a horizontal stripe surrounding the text) to be red.

    Hello,
    I would remove your current code and wait for someone else. This is proving to be to tricky for my css skills.

    Thanks.

    Hey,
    1. It’s kind of an option with the theme. You can see here about adding Icons with the menu: http://www.kadencethemes.com/add-icons-to-your-menu-virtue-theme/

    2. In your theme options > advanced settings add this css and let me know if it’s what you were thinking:

    .topbar_social {
        float: right;
    }
    .topbarmenu, .kad-topbar-left {
        width: 100%;
    }

    3. You should be able to set the site title and tagline color in your theme options > main settings.

    Then in your theme options > advanced styling you should see a place to set the header background.

    Does that help?

    Kadence Themes

    Thread Starter supersonic_528

    (@supersonic_528)

    Wow, exactly what I was looking for. Thanks a bunch!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘social icons on footer and topbar’ is closed to new replies.