### Define Soliloquy license key in wp-config.php Source: https://soliloquywp.com/docs/verifying-your-license/ Add this PHP constant to your wp-config.php file to define the Soliloquy license key, useful for multisite installations to avoid entering the key on every site. If the license key field in the WordPress Admin » Soliloquy » Settings screen is left empty, Soliloquy will check for this constant. ```php define( ‘SOLILOQUY\_LICENSE\_KEY’, ‘your\_license\_key’ ); ``` -------------------------------- ### Check soliloquy_dynamic function exists before output Source: https://soliloquywp.com/docs/dynamic-addon/ Recommended pattern to check that the soliloquy_dynamic function exists before outputting it in template files. Wrap in PHP tags if necessary. ```php if ( function_exists( 'soliloquy_dynamic' ) ) soliloquy_dynamic( array( 'id' => '176' ) ); ``` -------------------------------- ### Dynamic slider from Envira gallery - Template Tag Source: https://soliloquywp.com/docs/dynamic-addon/ Template tag equivalent for creating a dynamic slider from an Envira gallery. ```php soliloquy_dynamic( array( 'id' => 'envira-258' ) ); ``` -------------------------------- ### Dynamic slider from NextGEN gallery - Template Tag Source: https://soliloquywp.com/docs/dynamic-addon/ Template tag equivalent for creating a dynamic slider from a NextGEN gallery. ```php soliloquy_dynamic( array( 'id' => 'nextgen-3' ) ); ``` -------------------------------- ### Dynamic slider from image URLs - Template Tag Source: https://soliloquywp.com/docs/dynamic-addon/ Template tag equivalent for creating a dynamic slider from image URLs. ```php soliloquy_dynamic( array( 'id' => 'custom-XXX', 'images' => 'http://placehold.it/600x300,http://placehold.it/500x300' ) ); ``` -------------------------------- ### Dynamic slider from image URLs - Shortcode Source: https://soliloquywp.com/docs/dynamic-addon/ Shortcode to create a dynamic slider using image URLs, useful for images stored on cloud services. ```shortcode [[soliloquy_dynamic id="custom-XXX" images="http://placehold.it/600×300,http://placehold.it/500×300"]] ``` -------------------------------- ### Dynamic slider from folder in wp-content - Template Tag Source: https://soliloquywp.com/docs/dynamic-addon/ Template tag equivalent for creating a dynamic slider from a folder in wp-content. ```php soliloquy_dynamic( array( 'id' => 'folder-slider' ) ); ``` -------------------------------- ### Dynamic slider from folder in wp-content - Shortcode Source: https://soliloquywp.com/docs/dynamic-addon/ Shortcode to create a dynamic slider from all images in a folder inside the wp-content directory. The folder name is derived from the id after 'folder-'. Folder must be directly in wp-content, no subdirectories, and files must not contain spaces. Supports JPG, JPEG, PNG, GIF. Performance may be slower for many images. ```shortcode [[soliloquy_dynamic id="folder-slider"]] ``` -------------------------------- ### CSS for styling lightbox caption links Source: https://soliloquywp.com/docs/link-captions-to-lightbox/ Optional CSS to style the lightbox caption link. The .soliloquybox-title a rule makes the link bold, and the :hover rule adds an underline on hover. ```css .soliloquybox-title a { font-weight: bold; } .soliloquybox-title a:hover { text-decoration: underline; } ``` -------------------------------- ### Dynamic slider from specific image IDs - Shortcode Source: https://soliloquywp.com/docs/dynamic-addon/ Shortcode to create a dynamic slider using specific image IDs from the WordPress Media Library. Requires the Show IDs plugin to find image IDs. Replace 'custom-XXX' with your slider ID and the image IDs with your own. ```shortcode [[soliloquy_dynamic id="custom-XXX" images="600,601,602"]] ``` -------------------------------- ### Dynamic slider shortcode for current post images Source: https://soliloquywp.com/docs/dynamic-addon/ Use this shortcode to output a dynamic slider that displays images attached to the current page/post/CPT. Replace '123' with the post ID from the URL (e.g., post=123). Ensure the ID is unique across all dynamic sliders. ```shortcode [[soliloquy_dynamic id="123"]] ``` -------------------------------- ### Dynamic slider from specific image IDs - Template Tag Source: https://soliloquywp.com/docs/dynamic-addon/ Template tag equivalent for creating a dynamic slider from specific image IDs. Use in PHP template files. ```php soliloquy_dynamic( array( 'id' => 'custom-XXX', 'images' => '601,602,603' ) ); ``` -------------------------------- ### Dynamic slider from NextGEN gallery - Shortcode Source: https://soliloquywp.com/docs/dynamic-addon/ Shortcode to create a dynamic slider from a NextGEN gallery using its gallery ID. Find the ID in WordPress Admin » Gallery » Manage Galleries. ```shortcode [[soliloquy_dynamic id="nextgen-3"]] ``` -------------------------------- ### Dynamic slider from Envira gallery - Shortcode Source: https://soliloquywp.com/docs/dynamic-addon/ Shortcode to create a dynamic slider from an Envira gallery using its gallery ID. Find the ID in WordPress Admin Envira from the shortcode column. ```shortcode [[soliloquy_dynamic id="envira-258"]] ``` -------------------------------- ### CSS to customize Soliloquy navigation arrows Source: https://soliloquywp.com/docs/how-to-customize-the-navigation-arrows/ Use this CSS in the Soliloquy CSS Addon to style the prev/next arrows. Replace the slider ID '509053' with your own slider ID. The CSS sets background color, border radius, border, size, and hover effects. ```css #soliloquy-container-509053 .soliloquy-prev, #soliloquy-container-509053 .soliloquy-next { background-color: #6495ED; border-radius: 999em; border: 3px solid white; width: 34px; height: 35px; } #soliloquy-container-509053 .soliloquy-prev { background-position: 45% center; } #soliloquy-container-509053 .soliloquy-next { background-position: 55% center; } #soliloquy-container-509053 .soliloquy-prev:hover, #soliloquy-container-509053 .soliloquy-next:hover { background-color:#6495ED; border-radius: 999em; border: 3px solid #6495ED; } ``` -------------------------------- ### Override WordPress gallery with Soliloquy - Template Tag Source: https://soliloquywp.com/docs/dynamic-addon/ The WordPress Gallery feature doesn't provide a pure template tag option, but you can use do_shortcode() in PHP files as recommended by WordPress documentation. ```php echo do_shortcode(''); ``` -------------------------------- ### Dynamic slider template tag for current post images Source: https://soliloquywp.com/docs/dynamic-addon/ Use this template tag in your theme templates to output a dynamic slider for the current post's attached images. Replace 123 with the post ID. Ensure the ID is unique across all dynamic sliders. ```php soliloquy_dynamic( array( 'id' => 123 ) ); ``` -------------------------------- ### Additional CSS for Metro theme to always display navigation arrows Source: https://soliloquywp.com/docs/how-to-always-display-navigation-arrows/ If you are using the Metro theme, add this CSS in addition to the base CSS. It ensures the prev and next arrows are positioned and fully opaque. Update the ID number 508264 to your slider's ID. ```css #soliloquy-container-508264 .soliloquy-controls-direction { display: block !important; } #soliloquy-container-508264 .soliloquy-prev { left: 0 !important; opacity: 1 !important; } #soliloquy-container-508264 .soliloquy-next { right: 0 !important; opacity: 1 !important; } ``` -------------------------------- ### Override WordPress gallery with Soliloquy - Shortcode Source: https://soliloquywp.com/docs/dynamic-addon/ To override a WordPress gallery with a Soliloquy slider, edit the gallery in the Text editor and add soliloquy="true" to the gallery shortcode. The shortcode is not shown in the source, but the instruction is to add that attribute. ```shortcode [gallery soliloquy="true"] ``` -------------------------------- ### CSS to remove caption background Source: https://soliloquywp.com/docs/remove-the-default-caption-background/ Use this CSS in the Soliloquy CSS Addon to make the caption background transparent. Replace the slider ID in the selector with your own slider ID, found in the slider edit screen sidebar. The !important flags ensure the background and filters are overridden. ```css .soliloquy-caption-inside { background: transparent !important; filter: none !important; -ms-filter: none !important; } ``` -------------------------------- ### CSS to show caption on hover for Soliloquy slider Source: https://soliloquywp.com/docs/display-caption-on-hover/ Use this CSS with the Soliloquy CSS Addon to hide captions by default and display them on hover. Replace the slider ID '508280' with your own slider ID, found in the slider edit screen sidebar. The CSS targets the caption element and shows it when the container is hovered or has the 'soliloquy-hover' class. ```css #soliloquy-container-508280 .soliloquy-caption { display: none !important; } #soliloquy-container-508280:hover .soliloquy-caption, #soliloquy-container-508280 .soliloquy-hover .soliloquy-caption { display: block !important; } ``` -------------------------------- ### CSS to always display navigation arrows Source: https://soliloquywp.com/docs/how-to-always-display-navigation-arrows/ Use this CSS to force the navigation arrows to always be visible on a Soliloquy slider. Replace the ID number 508264 with your slider's ID, which you can find in the slider edit screen sidebar. ```css #soliloquy-container-508264 .soliloquy-controls-direction { display: block !important; } ``` -------------------------------- ### Mobile-only CSS to display caption below slider Source: https://soliloquywp.com/docs/display-caption-slider/ Use this CSS to display the caption below the slider image only on mobile devices (max-width: 600px). Replace the slider ID (508332) with your own slider ID. This CSS is applied via the Soliloquy CSS Addon. ```css @media screen and (max-width: 600px) { #soliloquy-container-508332 { max-height: none !important; } #soliloquy-container-508332 .soliloquy-caption { position: relative !important; } } ``` -------------------------------- ### CSS to display caption below slider Source: https://soliloquywp.com/docs/display-caption-slider/ Use this CSS to display the caption below the slider image. Replace the slider ID (508332) with your own slider ID, which can be found in the sidebar of the slider edit screen. This CSS is applied via the Soliloquy CSS Addon. ```css #soliloquy-container-508332 { max-height: none !important; } #soliloquy-container-508332 .soliloquy-caption { position: relative !important; } ``` -------------------------------- ### CSS to change Soliloquy slider navigation bullets color Source: https://soliloquywp.com/docs/change-the-slider-navigation-bullets-color/ Use this CSS to change the navigation bullets color for a specific Soliloquy slider. Replace the ID number '508481' with your slider's ID. The CSS styles the pager items and links, including hover and active states. ```css #soliloquy-container-508481 .soliloquy-pager-item { border: 2px solid #ff3700 !important; border-radius: 999em !important; } #soliloquy-container-508481 .soliloquy-pager-link { background-image: none !important; width: 10px !important; height: 10px !important; } #soliloquy-container-508481 .soliloquy-pager-link:hover, .soliloquy-container .soliloquy-pager-link.active { background-image: none !important; background-color: #ff3700 !important; } ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.