{"id":342,"date":"2017-02-19T04:36:51","date_gmt":"2017-02-19T04:36:51","guid":{"rendered":"http:\/\/localhost\/enfold\/documentation\/?p=342"},"modified":"2017-02-19T04:36:51","modified_gmt":"2017-02-19T04:36:51","slug":"partnerlogo-element","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/partnerlogo-element\/","title":{"rendered":"Partner\/Logo Element"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-jxtba-8d4ebc422a37cdc53186f630a3748183\">\n.flex_column.av-jxtba-8d4ebc422a37cdc53186f630a3748183{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\n}\n<\/style>\n<div  class='flex_column av-jxtba-8d4ebc422a37cdc53186f630a3748183 av_one_full first flex_column_div av-zero-column-padding  '     ><p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-5f5mby-129f398e056317fa81a7ddf8d50369b4\">\n#top .av-special-heading.av-5f5mby-129f398e056317fa81a7ddf8d50369b4{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-5f5mby-129f398e056317fa81a7ddf8d50369b4 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-5f5mby-129f398e056317fa81a7ddf8d50369b4 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-5f5mby-129f398e056317fa81a7ddf8d50369b4 av-special-heading-h2 blockquote modern-quote  avia-builder-el-0  el_before_av_hr  avia-builder-el-first '><h2 class='av-special-heading-tag '  itemprop=\"headline\"  >Partner\/Logo Element<\/h2><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div><br \/>\n<div  class='hr av-58wixq-99ce8a0017502044b656ae1a37d8727d hr-default  avia-builder-el-1  el_after_av_heading  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><br \/>\n<section  class='av_textblock_section av-53w872-339793e91ee8c91103e015ab8cba7ddb '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Overview<\/h3>\n<\/div><\/section><br \/>\n<section  class='av_textblock_section av-4wuxda-a21bd95c6e46aab85f15094732120a3a '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The Partner\/Logo Element allows you to display a slider or a grid with images that can be linked to any URL. Options are:<\/p>\n<ul>\n<li>1-8 Columns<\/li>\n<li>Slider or Grid Display<\/li>\n<li>Border or without border<\/li>\n<li>Display\/Hide slideshow arrows<\/li>\n<li>Linking to any URL, either in existing or new window<\/li>\n<li>Display image caption on hover<\/li>\n<\/ul>\n<p>See more examples of <a href=\"https:\/\/kriesi.at\/themes\/enfold-2017\/elements\/partnerlogo-element\/\" target=\"_blank\" rel=\"noopener\">Partner\/logo element<\/a><\/p>\n<\/div><\/section><br \/>\n<div  class='hr av-4nxdr2-b32f26f225babccd07088754afd89a7d hr-default  avia-builder-el-4  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><br \/>\n<section  class='av_textblock_section av-4lu7qe-5903f02d643e7a552a3489cc39fdb42b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Code Snippet<\/h2>\n<\/div><\/section><br \/>\n<div  class='avia-builder-widget-area clearfix  avia-builder-el-6  el_after_av_textblock  el_before_av_hr '><div id=\"text-3\" class=\"widget clearfix widget_text\">\t\t\t<div class=\"textwidget\"><p><strong>How to use the snippets?<\/strong><\/p>\n<ul>\n<li>Add the <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/add-custom-css\/\" target=\"_blank\" rel=\"noopener\">CSS Snippets<\/a> to Enfold child theme styles.<\/li>\n<li>Add the <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/add-custom-js-or-php-script\/\" target=\"_blank\" rel=\"noopener\">JS and PHP scripts<\/a> to your\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/how-to-install-enfold-theme\/#why-child-theme\" target=\"_blank\" rel=\"noopener\">child theme<\/a>\u00a0functions.php file.<\/li>\n<li>Shortcodes can be used in a text area in pages, posts, sliders and widget areas.\u00a0Enable\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/intro-to-advanced-layout-builder\/#debug-mode\" target=\"_blank\" rel=\"noopener\">debug mode<\/a>\u00a0to view the page shortcode.<\/li>\n<li>Enable\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/intro-to-advanced-layout-builder\/#turn-on-custom-css-class-field-for-all-alb-elements\">custom CSS class name support<\/a>\u00a0to\u00a0add your\u00a0class names to the theme elements.<\/li>\n<li>Disable <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/how-to-clear-the-cache\/\" target=\"_blank\" rel=\"noopener\">script merging and clear the cache<\/a>\u00a0to view the changes on the frontend.<\/li>\n<\/ul>\n<p><strong>NOTE<\/strong>: If the code snippets produce a different result on your site, it may be because the settings on your site are different or due\u00a0to any customization already added to achieve a similar result. Please try removing your customization if any and feel free to change the values in the example codes to suit your design.<\/p>\n<\/div>\n\t\t<\/div><\/div><br \/>\n<div  class='hr av-4a9tri-d35008cfb45f5e0209372aab4e4e752f hr-default  avia-builder-el-7  el_after_av_sidebar  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><br \/>\n<section  class='av_textblock_section av-41geam-233e90ebf280347fa005d9e9a4661b79 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Shortcode<\/h3>\n<\/div><\/section><br \/>\n<br \/>\n<div  class='hr av-b25li-a32a096f9f0f0cd315783042b149afff hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><br \/>\n<section  class='av_textblock_section av-2yoew6-ceaab0ef9f97c84c5af92977df63a5e2 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Customization<\/h2>\n<\/div><\/section><br \/>\n<div  class='hr av-2pouqu-b98e42a0b2e03a754994e265407e8d07 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><br \/>\n<section  class='av_textblock_section av-2kkgmm-360500488f10aecc11a2e0f2c84aed6f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Partner\/Logo element heading<\/h3>\n<\/div><\/section><br \/>\n<section  class='av_textblock_section av-2csv1i-7bd65f26a66fbec547b575f8a9a8ea8e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To add custom style to the partner\/logo element heading please use the CSS below.<\/p>\n<pre>\/*----------------------------------------\n\/\/ CSS - Partner\/Logo Element\n\/\/--------------------------------------*\/\n\n\/* Heading *\/\n#top .avia-smallarrow-slider-heading h3 {\n\t\/* Your style here *\/\n}<\/pre>\n<\/div><\/section><br \/>\n<div  class='hr av-27zp8u-be83f1fd47350c2062b085108b320417 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><br \/>\n<section  class='av_textblock_section av-21d61y-41fc49dbf85a55e9a5568339385c9ff0 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Logo Spacing<\/h3>\n<\/div><\/section><br \/>\n<section  class='av_textblock_section av-1ywxcu-febb5fa20455cfb518ca83a03cfd3d9d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Add spacing between the partner logos.<\/p>\n<pre>\/* Partner logo Spacing *\/\n#top .avia-logo-element-container .slide-entry  {\n    padding: 20px!important;\n}<\/pre>\n<\/div><\/section><br \/>\n<div  class='hr av-1osdwe-b0b98ea80fe699a734e38562a3b2568e hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><br \/>\n<section  class='av_textblock_section av-1ll82e-1093411bd673c176bb46f460a8a5586f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Add border to partner logos<\/h3>\n<\/div><\/section><br \/>\n<section  class='av_textblock_section av-1fwon2-a3d89f84b7e3441b0e4ab73e4814f3b4 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To add custom style or border to the partner logos please use the CSS below.<\/p>\n<pre>\/* Border *\/\n#top .avia-logo-element-container .slide-entry img {\n\tborder : 2px solid red;\n}<\/pre>\n<\/div><\/section><br \/>\n<div  class='hr av-1813ja-747889853aefb480e1732b5df803393e hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><br \/>\n<section  class='av_textblock_section av-12tvke-70062b874143a66c165c4eaf06577cc6 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Arrows on both the side<\/h3>\n<\/div><\/section><br \/>\n<section  class='av_textblock_section av-v3mla-9bb36085306771bcbfb96d26cef1f4e0 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To move the partner\/logo slider arrows to the side please use the CSS below.<\/p>\n<pre>\/* Arrow position *\/\n#top .avia-smallarrow-slider .avia-slideshow-arrows {\n    width: calc(100% + 60px);\n    top: 50%;\n    transform: translateY(-50%);\n    position: absolute;\n    z-index: 999;\n    left: -30px;\n}<\/pre>\n<\/div><\/section><br \/>\n<div  class='hr av-rrxy6-6ac12b2515252e0ec1a06dd5631add58 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><br \/>\n<section  class='av_textblock_section av-n1obi-7da63568f1ab999c5ac12a1e20ad8572 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Resource<\/h2>\n<\/div><\/section><br \/>\n<div  class='hr av-h7v2u-a7c6e201e89f96e37a8bf42b03afc341 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><br \/>\n<section  class='av_textblock_section av-8z2ny-021a506c782f224bc8f8f3d9c754ea9c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Contributed video<\/strong>:<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=8QOjC1H90hw\"> Partner Logo Element Tutorial <\/a><\/p>\n<\/div><\/section><\/p><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[2,8],"tags":[],"class_list":["post-342","post","type-post","status-publish","format-standard","hentry","category-documentation","category-media-elements","documentation","media-elements"],"modified_by":"vinay","_links":{"self":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/comments?post=342"}],"version-history":[{"count":1,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/342\/revisions"}],"predecessor-version":[{"id":8289,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/342\/revisions\/8289"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}