Community Forums › Forums › Archived Forums › Design Tips and Tricks › Simply Social Color and Placement
- This topic has 1 reply, 2 voices, and was last updated 6 years, 3 months ago by wputler.
-
AuthorPosts
-
February 8, 2018 at 6:30 pm #216358heartwiredtechMember
Two part question
1) Is there a way to add Simple Social Icons (or similar) to the navigation ribbon rather than as a menu or header widget item (client request)
I added simple social to two different widgets with two color styles .. yet they both appear to have the same colors, in fact the new one I added to the header widget also changed the color to the footer widget.
http://705a9c7d.ngrok.io/February 9, 2018 at 3:58 pm #216386wputlerMemberI don't believe Simply social is meant to appear twice on the page, so you'll have to do your own CSS for the colors [NOTE: you may want to use: https://contrastchecker.com/ to check your color combos to see if there's enough contrast to meet accessibility guidelines. The menu seemed a little hard to read.]
.header-widget-area .simple-social-icons ul li a, .simple-social-icons ul li a:hover, .simple-social-icons ul li a:focus { background-color: #665b59 !important; color: #dac299 !important; } .footer-widget-area .simple-social-icons ul li a, .simple-social-icons ul li a:hover, .simple-social-icons ul li a:focus { background-color: #665b59 !important; color: #dac299 !important; To add something to the nav bar in a Genesis theme, this snippet may work. I use it to add things to the end of the menu. [NOTE: you will probably have to hide it when the menu changes to a hamburger menu and you will want to do different CSS for the last menu element (which is your info)]
/******************** MENU SUPPORT ******************************************************/
/* Adding info to end of top nav menu */
add_filter( 'wp_nav_menu_items', 'theme_menu_extras', 10, 2 );
/**
* Filter menu items, appending either a search form or today's date.
*
* @param string $menu HTML string of list items.
* @param stdClass $args Menu arguments.
*
* @return string Amended HTML string of list items.
*/
function theme_menu_extras( $menu, $args ) {
//* Change 'primary' to 'secondary' to add extras to the secondary navigation menu
if ( 'secondary' == $args->theme_location ) {
//$phone = '<li class="right phone">999-999-9999';
//$menu .= $phone;
// added 'right' for phone in menu
} elseif ( 'primary' == $args->theme_location ) {
//* Uncomment this block to add a search form to the navigation menu
ob_start();
get_search_form();
$search = ob_get_clean();
$menu .= '<li class="menu-item right search">' . $search . '';
}//* Uncomment this block to add the date to the navigation menu
/*
$menu .= '<li class="right date">' . date_i18n( get_option( 'date_format' ) ) . '';
*/
return $menu;}`
}
` -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.