Forum Replies Created
-
AuthorPosts
-
wputlerMember
I 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;}`
}
`wputlerMemberIf you want the entire image to be visible on a small screen, you could add this to your css:
.front-page-1 { background-size: contain; }
The problem is that it will be too short. You may be better off doing something like this in your @media query:
.front-page-1 { background-position: -326px 0px; background-size: auto 525px; }
wputlerMemberCheck to see if you have added a background color to your content area, that would cover the body image. It will need to be transparent.
wputlerMemberHi - it looks like you can target only your landing pages with:
.page-template-page_landing .site-inner .content-sidebar-wrap { padding: 40px 80px; }
-
AuthorPosts