Digital experiences for all disciplines
Forum Replies Created
-
-
Hi
You can’t change the hover style, it uses the colour of the brand. If you want to change them you will need to use custom css:
ul.social-icons li.twitter a:hover { background-color: #00aced; } ul.social-icons li.pinterest a:hover { background-color: #3b5998; } ul.social-icons li.instagram a:hover { background-color: #517fa4; }
– Kyle
Unfortunately not sorry, we have not had any other users request this so it’s not been one of our priorities
– Kyle
September 7, 2016 at 2:53 pm in reply to: Logo width and height too small, impossible to change #290947That logo has a lot of blank space above and below as part of the actual image, and you have set the max height to 120px, that’s why the width is not increasing. See: http://d.pr/i/Gvtb/2CAyGuNv
– Kyle
September 7, 2016 at 2:41 pm in reply to: Logo width and height too small, impossible to change #290945Should work fine, please add it to Theme Options > Custom CSS so I can check
– Kyle
September 7, 2016 at 2:35 pm in reply to: Logo width and height too small, impossible to change #290943Hi
Add this to your custom css:
.full-center #logo { max-width: 45%; }
– Kyle
September 7, 2016 at 2:33 pm in reply to: Password Reset email taking me back to Request Password Reset Page! #290942So you still got the issue with TwentySixteen enabled? You should contact the WooCommerce support team about the issue as it’s related to their plugin
– Kyle
No problem
No problem! Glad you’re happy with it
Add this to your custom css:
.spb_image { margin-bottom: 0; }
In the row settings disable vertically center elements
– Kyle
??
Add this to your child theme’s functions.php file:
/* SOCIAL SHORTCODE ================================================= */ if ( ! function_exists( 'sf_social_icons' ) ) { function sf_social_icons( $atts, $content = null ) { extract( shortcode_atts( array( "type" => '', "size" => 'standard', "style" => '' ), $atts ) ); global $sf_options; $twitter = $sf_options['twitter_username']; $facebook = $sf_options['facebook_page_url']; $dribbble = $sf_options['dribbble_username']; $vimeo = $sf_options['vimeo_username']; $tumblr = $sf_options['tumblr_username']; $skype = $sf_options['skype_username']; $linkedin = $sf_options['linkedin_page_url']; $googleplus = $sf_options['googleplus_page_url']; $flickr = $sf_options['flickr_page_url']; $youtube = $sf_options['youtube_url']; $pinterest = $sf_options['pinterest_username']; $foursquare = $sf_options['foursquare_url']; $instagram = $sf_options['instagram_username']; $github = $sf_options['github_url']; $xing = $sf_options['xing_url']; $rss = $sf_options['rss_url']; $behance = $sf_options['behance_url']; $soundcloud = $sf_options['soundcloud_url']; $deviantart = $sf_options['deviantart_url']; $yelp = ""; $vk = ""; $twitch = ""; $snapchat = ""; $whatsapp = ""; if ( isset( $sf_options['yelp_url'] ) ) { $yelp = $sf_options['yelp_url']; } if ( isset( $sf_options['vk_url'] ) ) { $vk = $sf_options['vk_url']; } if ( isset( $sf_options['twitch_url'] ) ) { $twitch = $sf_options['twitch_url']; } if ( isset( $sf_options['snapchat_url'] ) ) { $snapchat = $sf_options['snapchat_url']; } if ( isset( $sf_options['whatsapp_url'] ) ) { $whatsapp = $sf_options['whatsapp_url']; } $social_icons = ''; if ( $type == '' ) { if ( $facebook ) { $social_icons .= '<li class="facebook"><a href="' . $facebook . '" target="_blank"><i class="fa-facebook"></i><i class="fa-facebook"></i></a></li>' . "\n"; } if ( $instagram ) { $social_icons .= '<li class="instagram"><a href="http://instagram.com/' . $instagram . '" target="_blank"><i class="fa-instagram"></i><i class="fa-instagram"></i></a></li>' . "\n"; } if ( $twitter ) { $social_icons .= '<li class="twitter"><a href="http://www.twitter.com/' . $twitter . '" target="_blank"><i class="fa-twitter"></i><i class="fa-twitter"></i></a></li>' . "\n"; } if ( $dribbble ) { $social_icons .= '<li class="dribbble"><a href="http://www.dribbble.com/' . $dribbble . '" target="_blank"><i class="fa-dribbble"></i><i class="fa-dribbble"></i></a></li>' . "\n"; } if ( $youtube ) { $social_icons .= '<li class="youtube"><a href="' . $youtube . '" target="_blank"><i class="fa-youtube"></i><i class="fa-youtube"></i></a></li>' . "\n"; } if ( $vimeo ) { $social_icons .= '<li class="vimeo"><a href="http://www.vimeo.com/' . $vimeo . '" target="_blank"><i class="fa-vimeo-square"></i><i class="fa-vimeo-square"></i></a></li>' . "\n"; } if ( $tumblr ) { $social_icons .= '<li class="tumblr"><a href="http://' . $tumblr . '.tumblr.com/" target="_blank"><i class="fa-tumblr"></i><i class="fa-tumblr"></i></a></li>' . "\n"; } if ( $skype ) { $social_icons .= '<li class="skype"><a href="skype:' . $skype . '" target="_blank"><i class="fa-skype"></i><i class="fa-skype"></i></a></li>' . "\n"; } if ( $linkedin ) { $social_icons .= '<li class="linkedin"><a href="' . $linkedin . '" target="_blank"><i class="fa-linkedin"></i><i class="fa-linkedin"></i></a></li>' . "\n"; } if ( $googleplus ) { $social_icons .= '<li class="googleplus"><a href="' . $googleplus . '" target="_blank"><i class="fa-google-plus"></i><i class="fa-google-plus"></i></a></li>' . "\n"; } if ( $flickr ) { $social_icons .= '<li class="flickr"><a href="' . $flickr . '" target="_blank"><i class="fa-flickr"></i><i class="fa-flickr"></i></a></li>' . "\n"; } if ( $pinterest ) { $social_icons .= '<li class="pinterest"><a href="http://www.pinterest.com/' . $pinterest . '/" target="_blank"><i class="fa-pinterest"></i><i class="fa-pinterest"></i></a></li>' . "\n"; } if ( $foursquare ) { $social_icons .= '<li class="foursquare"><a href="' . $foursquare . '" target="_blank"><i class="fa-foursquare"></i><i class="fa-foursquare"></i></a></li>' . "\n"; } if ( $github ) { $social_icons .= '<li class="github"><a href="' . $github . '" target="_blank"><i class="fa-github"></i><i class="fa-github"></i></a></li>' . "\n"; } if ( $xing ) { $social_icons .= '<li class="xing"><a href="' . $xing . '" target="_blank"><i class="fa-xing"></i><i class="fa-xing"></i></a></li>' . "\n"; } if ( $behance ) { $social_icons .= '<li class="behance"><a href="' . $behance . '" target="_blank"><i class="fa-behance"></i><i class="fa-behance"></i></a></li>' . "\n"; } if ( $deviantart ) { $social_icons .= '<li class="deviantart"><a href="' . $deviantart . '" target="_blank"><i class="fa-deviantart"></i><i class="fa-deviantart"></i></a></li>' . "\n"; } if ( $soundcloud ) { $social_icons .= '<li class="soundcloud"><a href="' . $soundcloud . '" target="_blank"><i class="fa-soundcloud"></i><i class="fa-soundcloud"></i></a></li>' . "\n"; } if ( $yelp ) { $social_icons .= '<li class="yelp"><a href="' . $yelp . '" target="_blank"><i class="fa-yelp"></i><i class="fa-yelp"></i></a></li>' . "\n"; } if ( $rss ) { $social_icons .= '<li class="rss"><a href="' . $rss . '" target="_blank"><i class="fa-rss"></i><i class="fa-rss"></i></a></li>' . "\n"; } if ( $vk ) { $social_icons .= '<li class="vk"><a href="' . $vk . '" target="_blank"><i class="fa-vk"></i><i class="fa-vk"></i></a></li>' . "\n"; } if ( $twitch ) { $social_icons .= '<li class="twitch"><a href="' . $twitch . '" target="_blank"><i class="fa-twitch"></i><i class="fa-twitch"></i></a></li>' . "\n"; } if ( $snapchat ) { $social_icons .= '<li class="snapchat"><a href="' . $snapchat . '" target="_blank"><i class="fa-snapchat"></i><i class="fa-snapchat"></i></a></li>' . "\n"; } if ( $whatsapp ) { $social_icons .= '<li class="whatsapp"><a href="' . $whatsapp . '" target="_blank"><i class="fa-whatsapp"></i><i class="fa-whatsapp"></i></a></li>' . "\n"; } } else { $social_type = explode( ',', $type ); foreach ( $social_type as $id ) { if ( $id == "facebook" ) { $social_icons .= '<li class="facebook"><a href="' . $facebook . '" target="_blank"><i class="fa-facebook"></i><i class="fa-facebook"></i></a></li>' . "\n"; } if ( $id == "instagram" ) { $social_icons .= '<li class="instagram"><a href="http://instagram.com/' . $instagram . '" target="_blank"><i class="fa-instagram"></i><i class="fa-instagram"></i></a></li>' . "\n"; } if ( $id == "twitter" ) { $social_icons .= '<li class="twitter"><a href="http://www.twitter.com/' . $twitter . '" target="_blank"><i class="fa-twitter"></i><i class="fa-twitter"></i></a></li>' . "\n"; } if ( $id == "dribbble" ) { $social_icons .= '<li class="dribbble"><a href="http://www.dribbble.com/' . $dribbble . '" target="_blank"><i class="fa-dribbble"></i><i class="fa-dribbble"></i></a></li>' . "\n"; } if ( $id == "youtube" ) { $social_icons .= '<li class="youtube"><a href="' . $youtube . '" target="_blank"><i class="fa-youtube"></i><i class="fa-youtube"></i></a></li>' . "\n"; } if ( $id == "vimeo" ) { $social_icons .= '<li class="vimeo"><a href="http://www.vimeo.com/' . $vimeo . '" target="_blank"><i class="fa-vimeo-square"></i><i class="fa-vimeo-square"></i></a></li>' . "\n"; } if ( $id == "tumblr" ) { $social_icons .= '<li class="tumblr"><a href="http://' . $tumblr . '.tumblr.com/" target="_blank"><i class="fa-tumblr"></i><i class="fa-tumblr"></i></a></li>' . "\n"; } if ( $id == "skype" ) { $social_icons .= '<li class="skype"><a href="skype:' . $skype . '" target="_blank"><i class="fa-skype"></i><i class="fa-skype"></i></a></li>' . "\n"; } if ( $id == "linkedin" ) { $social_icons .= '<li class="linkedin"><a href="' . $linkedin . '" target="_blank"><i class="fa-linkedin"></i><i class="fa-linkedin"></i></a></li>' . "\n"; } if ( $id == "googleplus" || $id == "google-plus" || $id == "google+" ) { $social_icons .= '<li class="googleplus"><a href="' . $googleplus . '" target="_blank"><i class="fa-google-plus"></i><i class="fa-google-plus"></i></a></li>' . "\n"; } if ( $id == "flickr" ) { $social_icons .= '<li class="flickr"><a href="' . $flickr . '" target="_blank"><i class="fa-flickr"></i><i class="fa-flickr"></i></a></li>' . "\n"; } if ( $id == "pinterest" ) { $social_icons .= '<li class="pinterest"><a href="http://www.pinterest.com/' . $pinterest . '/" target="_blank"><i class="fa-pinterest"></i><i class="fa-pinterest"></i></a></li>' . "\n"; } if ( $id == "foursquare" ) { $social_icons .= '<li class="foursquare"><a href="' . $foursquare . '" target="_blank"><i class="fa-foursquare"></i><i class="fa-foursquare"></i></a></li>' . "\n"; } if ( $id == "github" ) { $social_icons .= '<li class="github"><a href="' . $github . '" target="_blank"><i class="fa-github"></i><i class="fa-github"></i></a></li>' . "\n"; } if ( $id == "xing" ) { $social_icons .= '<li class="xing"><a href="' . $xing . '" target="_blank"><i class="fa-xing"></i><i class="fa-xing"></i></a></li>' . "\n"; } if ( $id == "behance" ) { $social_icons .= '<li class="behance"><a href="' . $behance . '" target="_blank"><i class="fa-behance"></i><i class="fa-behance"></i></a></li>' . "\n"; } if ( $id == "deviantart" ) { $social_icons .= '<li class="deviantart"><a href="' . $deviantart . '" target="_blank"><i class="fa-deviantart"></i><i class="fa-deviantart"></i></a></li>' . "\n"; } if ( $id == "soundcloud" ) { $social_icons .= '<li class="soundcloud"><a href="' . $soundcloud . '" target="_blank"><i class="fa-soundcloud"></i><i class="fa-soundcloud"></i></a></li>' . "\n"; } if ( $id == "yelp" ) { $social_icons .= '<li class="yelp"><a href="' . $yelp . '" target="_blank"><i class="fa-yelp"></i><i class="fa-yelp"></i></a></li>' . "\n"; } if ( $id == "rss" ) { $social_icons .= '<li class="rss"><a href="' . $rss . '" target="_blank"><i class="fa-rss"></i><i class="fa-rss"></i></a></li>' . "\n"; } if ( $id == "vk" ) { $social_icons .= '<li class="vk"><a href="' . $vk . '" target="_blank"><i class="fa-vk"></i><i class="fa-vk"></i></a></li>' . "\n"; } if ( $id == "twitch" ) { $social_icons .= '<li class="twitch"><a href="' . $twitch . '" target="_blank"><i class="fa-twitch"></i><i class="fa-twitch"></i></a></li>' . "\n"; } if ( $id == "snapchat" ) { $social_icons .= '<li class="snapchat"><a href="' . $snapchat . '" target="_blank"><i class="fa-snapchat"></i><i class="fa-snapchat"></i></a></li>' . "\n"; } if ( $id == "whatsapp" ) { $social_icons .= '<li class="whatsapp"><a href="' . $whatsapp . '" target="_blank"><i class="fa-whatsapp"></i><i class="fa-whatsapp"></i></a></li>' . "\n"; } } } $output = '<ul class="social-icons ' . $size . ' ' . $style . '">' . "\n"; $output .= $social_icons; $output .= '</ul>' . "\n"; return $output; } add_shortcode( "social", "sf_social_icons" ); add_shortcode( "sf_social", "sf_social_icons" ); }
– Kyle
Ok what order would you like?
– Kyle
Hi
For your social profiles or for sharing on posts? It will require editing the theme files
– Kyle
Hi
Will need to use custom css, all of the Google fonts have a bold weight so adding a bold font option wouldn’t really make sense. Use the css above to set the font for bold text
– Kyle
Add this to your custom css:
.single-post- figure.media-wrap img { width: auto; }
In the post meta you will have to change the layout of the media from full width to ‘above content’
– Kyle
-