Support » Theme: Business Era » Other social network

  • Resolved Nikonn

    (@nikonn)


    Hi. In your theme there is a setting of profiles in social networks-social menu. But it is limited in the display of icons. Please tell me how to add the display of other profiles in social networks, such as Vkontakte and Odnoklassniki? Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Can they only be added to a child theme?

    Theme Author ProDesigns

    (@preciousthemes)

    Hello Nikonn,
    Greetings of the day!

    Lots of social media icons available in theme, but there are no icons for Vkontakte and Odnoklassniki.

    You can add these icons using custom CSS without creating a child theme.

    Follow the below steps to add custom CSS.

    1) Please log in to the admin area
    2) Go to “Appearance >> Customize >> Additional CSS”.
    3) Paste the below code in “Additional CSS” and save it afterward:

    .business_era_widget_social ul li a[href*=”vk.com”]::before,
    .top-header .menu-social-menu-container ul li a[href*=”vk.com”]::before{
    content: “\f189″;
    }
    .business_era_widget_social ul li a[href*=”ok.ru”]::before,
    .top-header .menu-social-menu-container ul li a[href*=”ok.ru”]::before{
    content: “\f263″;
    }
    .business_era_widget_social ul li a[href*=”vk.com”]:hover,
    .top-header .menu-social-menu-container ul li a[href*=”vk.com”]:hover {
    background-color: #5181b8;
    }
    .business_era_widget_social ul li a[href*=”ok.ru”]:hover,
    .top-header .menu-social-menu-container ul li a[href*=”ok.ru”]:hover {
    background-color: #f58220;
    }

    Please feel free to let us know if you have any further queries.

    Thank you

    Nikonn

    (@nikonn)

    Thanks for the reply. That’s exactly what I did, only there was a difficulty with the color of the icons.

    Hello Nikonn,

    Sorry for the delayed response.

    You can change the color code of the icon from

    .business_era_widget_social ul li a[href*=”vk.com”]:hover,
    .top-header .menu-social-menu-container ul li a[href*=”vk.com”]:hover {
    background-color: #5181b8;
    }
    .business_era_widget_social ul li a[href*=”ok.ru”]:hover,
    .top-header .menu-social-menu-container ul li a[href*=”ok.ru”]:hover {
    background-color: #f58220;
    }

    Please update color code in

    hover {
    background-color: #5181b8;
    }

    and

    hover {
    background-color: #f58220;
    }

    as per your requirement.

    Feel free to get in touch in case of other queries.

    Thanks.

    Thank You!

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