-
Search Results
-
In reply to: Tooltip Content Styling
Topic: Tooltip Content Styling
Hello. Is it possible to style (e.g. Bold) certain text within a tooltip? Please see what I’ve tried below. With the below syntax, it removes the entire entry from the pricing table.
<span data-avia-tooltip=”WordPress is the website’s foundation and should always be up to date to help ensure security, compatibility and functionality. As WordPress updates are released, we test them in our environment before rolling them out to client websites. Note: If clients wish to use a theme that we do not use ourselves, clients will be required to sign up for web hosting that provides staging (testing) environments.“>WordPress Core Updates</span>
Thanks,
RyanTopic: Theme Settings
Hi there,
Had a huge accident (client let their domain name expire) so I’m starting their site on a new domain temporarily from a backup but sadly the theme options have vanished after migrating which I know always happens but I don’t have access to the old site obviously with the domain expiring so is there a way of converting the below code into an Enfold-theme-settings.txt file?
a:1:{s:4:”avia”;a:159:{s:9:”frontpage”;s:4:”1019″;s:9:”undefined”;s:25:”menu_display::burger_menu”;s:8:”blogpage”;s:2:”19″;s:4:”logo”;s:69:”http://wolfscastle.com/wp-content/uploads/2016/06/WolfscastleLogo.png”;s:7:”favicon”;s:69:”http://wolfscastle.com/wp-content/uploads/2016/07/wolfscastle-fav.png”;s:9:”preloader”;s:8:”disabled”;s:21:”preloader_transitions”;s:21:”preloader_transitions”;s:14:”preloader_logo”;s:0:””;s:15:”lightbox_active”;s:15:”lightbox_active”;s:8:”lock_alb”;s:8:”disabled”;s:19:”lock_alb_for_admins”;s:8:”disabled”;s:6:”markup”;s:0:””;s:16:”color-body_style”;s:9:”stretched”;s:17:”color-frame_width”;s:2:”15″;s:15:”header_position”;s:10:”header_top”;s:20:”layout_align_content”;s:20:”content_align_center”;s:18:”sidebarmenu_sticky”;s:18:”conditional_sticky”;s:19:”sidebarmenu_widgets”;s:0:””;s:18:”sidebarmenu_social”;s:8:”disabled”;s:17:”responsive_active”;s:17:”responsive_active”;s:15:”responsive_size”;s:6:”1310px”;s:13:”content_width”;s:2:”73″;s:14:”combined_width”;s:2:”80″;s:12:”color_scheme”;s:4:”Blue”;s:24:”colorset-header_color-bg”;s:7:”#ffffff”;s:25:”colorset-header_color-bg2″;s:7:”#ffffff”;s:29:”colorset-header_color-primary”;s:7:”#58595b”;s:31:”colorset-header_color-secondary”;s:7:”#58595b”;s:27:”colorset-header_color-color”;s:7:”#9d9251″;s:26:”colorset-header_color-meta”;s:7:”#58595b”;s:29:”colorset-header_color-heading”;s:7:”#58595b”;s:28:”colorset-header_color-border”;s:11:”transparent”;s:25:”colorset-header_color-img”;s:0:””;s:33:”colorset-header_color-customimage”;s:0:””;s:25:”colorset-header_color-pos”;s:8:”top left”;s:28:”colorset-header_color-repeat”;s:9:”no-repeat”;s:28:”colorset-header_color-attach”;s:6:”scroll”;s:22:”colorset-main_color-bg”;s:7:”#ffffff”;s:23:”colorset-main_color-bg2″;s:7:”#f8f6f2″;s:27:”colorset-main_color-primary”;s:7:”#58595b”;s:29:”colorset-main_color-secondary”;s:7:”#9c9c9c”;s:25:”colorset-main_color-color”;s:7:”#58595b”;s:24:”colorset-main_color-meta”;s:7:”#58595b”;s:27:”colorset-main_color-heading”;s:7:”#58595b”;s:26:”colorset-main_color-border”;s:11:”transparent”;s:23:”colorset-main_color-img”;s:0:””;s:31:”colorset-main_color-customimage”;s:0:””;s:23:”colorset-main_color-pos”;s:8:”top left”;s:26:”colorset-main_color-repeat”;s:9:”no-repeat”;s:26:”colorset-main_color-attach”;s:6:”scroll”;s:27:”colorset-alternate_color-bg”;s:7:”#ffffff”;s:28:”colorset-alternate_color-bg2″;s:7:”#ebebeb”;s:32:”colorset-alternate_color-primary”;s:7:”#ffffff”;s:34:”colorset-alternate_color-secondary”;s:7:”#ffffff”;s:30:”colorset-alternate_color-color”;s:7:”#58595b”;s:29:”colorset-alternate_color-meta”;s:7:”#58595b”;s:32:”colorset-alternate_color-heading”;s:7:”#58595b”;s:31:”colorset-alternate_color-border”;s:7:”#ebebeb”;s:28:”colorset-alternate_color-img”;s:0:””;s:36:”colorset-alternate_color-customimage”;s:0:””;s:28:”colorset-alternate_color-pos”;s:8:”top left”;s:31:”colorset-alternate_color-repeat”;s:9:”no-repeat”;s:31:”colorset-alternate_color-attach”;s:6:”scroll”;s:24:”colorset-footer_color-bg”;s:7:”#838744″;s:25:”colorset-footer_color-bg2″;s:7:”#838744″;s:29:”colorset-footer_color-primary”;s:7:”#ffffff”;s:31:”colorset-footer_color-secondary”;s:7:”#ffffff”;s:27:”colorset-footer_color-color”;s:7:”#ffffff”;s:26:”colorset-footer_color-meta”;s:7:”#ffffff”;s:29:”colorset-footer_color-heading”;s:7:”#ffffff”;s:28:”colorset-footer_color-border”;s:11:”transparent”;s:25:”colorset-footer_color-img”;s:0:””;s:33:”colorset-footer_color-customimage”;s:0:””;s:25:”colorset-footer_color-pos”;s:8:”top left”;s:28:”colorset-footer_color-repeat”;s:9:”no-repeat”;s:28:”colorset-footer_color-attach”;s:6:”scroll”;s:24:”colorset-socket_color-bg”;s:7:”#e2e2e2″;s:25:”colorset-socket_color-bg2″;s:7:”#342f29″;s:29:”colorset-socket_color-primary”;s:7:”#5b5b5b”;s:31:”colorset-socket_color-secondary”;s:7:”#5b5b5b”;s:27:”colorset-socket_color-color”;s:7:”#5b5b5b”;s:26:”colorset-socket_color-meta”;s:7:”#5b5b5b”;s:29:”colorset-socket_color-heading”;s:7:”#5b5b5b”;s:28:”colorset-socket_color-border”;s:7:”#e2e2e2″;s:25:”colorset-socket_color-img”;s:0:””;s:33:”colorset-socket_color-customimage”;s:0:””;s:25:”colorset-socket_color-pos”;s:8:”top left”;s:28:”colorset-socket_color-repeat”;s:9:”no-repeat”;s:28:”colorset-socket_color-attach”;s:6:”scroll”;s:16:”color-body_color”;s:7:”#eeeeee”;s:14:”color-body_img”;s:0:””;s:22:”color-body_customimage”;s:0:””;s:14:”color-body_pos”;s:8:”top left”;s:17:”color-body_repeat”;s:9:”no-repeat”;s:17:”color-body_attach”;s:6:”scroll”;s:14:”google_webfont”;s:5:”Alice”;s:12:”default_font”;s:5:”Cardo”;s:23:”color-default_font_size”;s:4:”16px”;s:9:”quick_css”;s:7082:”/* ROOMS STYLING */
#av_section_2 > div > div > div > div > div.flex_column.av_one_fourth.flex_column_div.av-zero-column-padding.avia-builder-el-10.el_after_av_one_fourth.el_before_av_one_fourth {
margin-top:30px !important;
}
#av_section_2 > div > div > div > div > div.flex_column.av_one_fourth.flex_column_div.av-zero-column-padding.avia-builder-el-12.el_after_av_one_fourth.el_before_av_one_fourth {
margin-top:30px !important;
}
#av_section_2 > div > div > div > div > div.flex_column.av_one_fourth.flex_column_div.av-zero-column-padding.avia-builder-el-18.el_after_av_one_fourth.el_before_av_one_fourth.column-top-margin {
margin-top:30px !important;
}
#av_section_2 > div > div > div > div > div.flex_column.av_one_fourth.flex_column_div.av-zero-column-padding.avia-builder-el-20.el_after_av_one_fourth.el_before_av_one_half.column-top-margin {
margin-top:30px !important;
}/* SECONDARY MENU FONT SIZE */
#avia2-menu {
font-size: 14px;
}/* HIDE "TEL:…" FROM HEADER */
#header_meta > div > nav > span {
display:none;
}/* SLIDER THEME COLOR BUTTON COLOR */
#top .main_color .avia-color-theme-color {
color: #ffffff;
border-color: #9d9251;
background-color: #9d9251;
}/* CAPTION POSITIONING */
.avia_transform .av_slideshow_full .active-slide .avia-caption-content, .avia_transform .av_fullscreen .active-slide .avia-caption-content {
margin-top: -32px;
}@media screen and (max-width: 768px) {
.avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
height: 200px !important;
}
}@media screen and (max-width: 768px) {
#fullscreen_slider_0 > div > ul > li.slide-1 {
background-position: center center;
height: 200px;
}
}
@media screen and (max-width: 768px) {
#fullscreen_slider_0 > div > ul > li.slide-2 {
background-position: center center;
height: 200px;
}
}
@media screen and (max-width: 768px) {
#fullscreen_slider_0 > div > ul > li.slide-3 {
background-position: center center;
height: 200px;
}
}
@media screen and (max-width: 768px) {
#fullscreen_slider_0 > div > ul > li.slide-4 {
background-position: center center;
height: 200px;
}
}.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
background: rgba(157,146,81, 1) !important;
}/* "FOUR STAR LUXURY…" ITALIC */
#av_section_1 > div > div > div > div > div > div.av-special-heading.av-special-heading-h1.custom-color-heading.blockquote.modern-quote.modern-centered.avia-builder-el-3.el_before_av_hr.avia-builder-el-first.av-inherit-size > h1 {
font-style:italic;
}/* MARGIN ABOVE TEL AND EMAIL */
#header_meta > div > div > span {
margin-bottom:20px;
}#footer {
border-top: #9d9251 30px solid;
}.avia-button {
font-size: 12px !important;
}#header_main > div > div > nav {
margin-top:20px;
}.phone-info {
font-size:16px;
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
font-weight: 100 !important;
}.main_menu {
text-transform: uppercase;
}#search-bar {
width: 100%;
min-height: 50px;
margin-top: 173px;
background: #9d9251;
}.avia-menu-fx {
display:none;
}.logo{
margin: 0 auto !important;
height:75%;
}
#top .header_color.av_header_transparency .avia-menu-fx {
display:none;
}.avia-menu-text {
font-size: 12.5px;
letter-spacing: 1.5px;
}.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
height:45px!important;
}.avia-caption-content p {
max-width:700px;
margin:0 auto;
}h2.avia-caption-title {
margin-bottom:35px!important;
}#top .av_header_glassy.av_header_transparency #header_main {
background: rgba(0,0,0,0.35)!important;
}#top .scroll-down-link {
font-size:150px!important;
}.avia-section.av-minimum-height .container .content {
vertical-align:top;
}#home-c2a {
border-top:3px solid #ab933d!important;
}#home-c2a .container, #about-pembs .container {
padding:0px!important;
}#home-c2a div .av_one_fifth {
margin-left: 0%!important;
width: 20%!important;
}#home-c2a div .av_one_fourth {
margin-left: 0%!important;
width: 25%!important;
}#home-c2a .responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.first.flex_column_div, #home-c2a .responsive .av_one_half.first + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div, #home-c2a .column-top-margin {
clear:none!important;
margin-top:0px!important;
}.av-image-caption-overlay-center p {
background-color:#ab933d;
position: absolute;
bottom: 0;
left: 0;
padding: 10px 20px;
font-size:21px!important;
}@media screen and (max-width: 768px) {
#home-c2a {
display:none;
}}
.entry-content p, #main-copy p {
text-align:justify;
font-size:16px;
color:#323232;
}#about-pembs-header h2 {
line-height:100px;
}.av-catalogue-content {
font-size:16px;
}.center-text p {
text-align:center!important;
font-size:16px!important;
color#323232!important;
}/* SPECIAL EVENTS SIDEBAR STYLE */
.page-id-559 #search-2 {
display:none;
}.page-id-559 #main > div.main_color.container_wrap_first.container_wrap.sidebar_right > div > aside {
background-color: #dadada;
}.page-id-559 #newsbox-2 {
display:none;
}.page-id-559 #tribe-events-list-widget-2 > h3 {
margin-bottom:30px;
}.page-id-559 .content, .sidebar {
padding-top: 40px;
padding-bottom: 0px;
}.page-id-559 .sidebar .widget:first-child, .content .sidebar .widget:first-child {
padding-right: 30px;
}.page-id-559 #tribe-events-list-widget-2 > ol {
margin-left:2px;
}.page-id-559 #main > div.main_color.container_wrap_first.container_wrap.sidebar_right > div {
margin-top: 30px;
margin-bottom: 30px;
}”;s:16:”advanced_styling”;a:6:{i:0;a:10:{s:2:”id”;s:13:”hover_overlay”;s:13:”overlay_style”;s:4:”hide”;s:5:”color”;s:0:””;s:10:”icon_color”;s:0:””;s:16:”background_color”;s:0:””;s:12:”header_color”;s:4:”true”;s:10:”main_color”;s:4:”true”;s:15:”alternate_color”;s:4:”true”;s:12:”footer_color”;s:4:”true”;s:12:”socket_color”;s:4:”true”;}i:1;a:11:{s:2:”id”;s:12:”headings_all”;s:5:”color”;s:0:””;s:16:”background_color”;s:0:””;s:11:”font_family”;s:0:””;s:11:”font_weight”;s:0:””;s:14:”text_transform”;s:4:”none”;s:12:”header_color”;s:8:”disabled”;s:10:”main_color”;s:4:”true”;s:15:”alternate_color”;s:8:”disabled”;s:12:”footer_color”;s:8:”disabled”;s:12:”socket_color”;s:8:”disabled”;}i:2;a:7:{s:2:”id”;s:18:”main_menu_dropdown”;s:5:”color”;s:7:”#ffffff”;s:16:”background_color”;s:7:”#000000″;s:12:”border_color”;s:0:””;s:9:”font_size”;s:0:””;s:11:”line_height”;s:0:””;s:12:”hover_active”;s:4:”true”;}i:3;a:7:{s:2:”id”;s:18:”main_menu_dropdown”;s:5:”color”;s:7:”#000000″;s:16:”background_color”;s:7:”#ffffff”;s:12:”border_color”;s:0:””;s:9:”font_size”;s:0:””;s:11:”line_height”;s:0:””;s:12:”hover_active”;s:8:”disabled”;}i:4;a:5:{s:2:”id”;s:7:”top_bar”;s:5:”color”;s:7:”#666666″;s:16:”background_color”;s:7:”#ffffff”;s:12:”border_color”;s:0:””;s:11:”font_family”;s:0:””;}i:5;a:11:{s:2:”id”;s:12:”headings_all”;s:5:”color”;s:7:”#ffffff”;s:16:”background_color”;s:0:””;s:11:”font_family”;s:0:””;s:11:”font_weight”;s:0:””;s:14:”text_transform”;s:0:””;s:12:”header_color”;s:8:”disabled”;s:10:”main_color”;s:8:”disabled”;s:15:”alternate_color”;s:4:”true”;s:12:”footer_color”;s:8:”disabled”;s:12:”socket_color”;s:8:”disabled”;}}s:13:”header_layout”;s:36:”logo_left main_nav_header menu_right”;s:11:”header_size”;s:6:”custom”;s:18:”header_custom_size”;s:3:”120″;s:12:”menu_display”;s:0:””;s:18:”header_menu_border”;s:22:”seperator_small_border”;s:12:”header_style”;s:0:””;s:16:”header_title_bar”;s:16:”hidden_title_bar”;s:13:”header_sticky”;s:13:”header_sticky”;s:16:”header_shrinking”;s:8:”disabled”;s:18:”header_unstick_top”;s:8:”disabled”;s:14:”header_stretch”;s:8:”disabled”;s:17:”header_searchicon”;s:17:”header_searchicon”;s:13:”header_social”;s:0:””;s:21:”header_secondary_menu”;s:35:”secondary_right extra_header_active”;s:19:”header_phone_active”;s:37:”phone_active_left extra_header_active”;s:5:”phone”;s:40:”Tel: 01437 741225 | (Email address hidden if logged out) “;s:23:”header_replacement_logo”;s:82:”http://wolfscastle.com/wp-content/uploads/2015/09/Wolfscastle-Web-White-Shadow.png”;s:23:”header_replacement_menu”;s:7:”#ffffff”;s:24:”header_mobile_activation”;s:18:”mobile_menu_tablet”;s:22:”header_mobile_behavior”;s:22:”header_mobile_behavior”;s:14:”archive_layout”;s:8:”fullsize”;s:11:”blog_layout”;s:8:”fullsize”;s:13:”single_layout”;s:8:”fullsize”;s:11:”page_layout”;s:8:”fullsize”;s:19:”smartphones_sidebar”;s:8:”disabled”;s:16:”page_nesting_nav”;s:8:”disabled”;s:15:”sidebar_styling”;s:0:””;s:22:”display_widgets_socket”;s:3:”all”;s:14:”footer_columns”;s:1:”3″;s:9:”copyright”;s:52:”© Copyright – Wolfscastle Country Hotel[nolink]”;s:13:”footer_social”;s:13:”footer_social”;s:17:”blog_global_style”;s:0:””;s:10:”blog_style”;s:6:”custom”;s:17:”single_post_style”;s:10:”single-big”;s:27:”single_post_related_entries”;s:24:”av-related-style-tooltip”;s:16:”blog-meta-author”;s:16:”blog-meta-author”;s:18:”blog-meta-comments”;s:18:”blog-meta-comments”;s:18:”blog-meta-category”;s:18:”blog-meta-category”;s:14:”blog-meta-date”;s:14:”blog-meta-date”;s:19:”blog-meta-html-info”;s:19:”blog-meta-html-info”;s:13:”blog-meta-tag”;s:13:”blog-meta-tag”;s:14:”share_facebook”;s:14:”share_facebook”;s:13:”share_twitter”;s:13:”share_twitter”;s:15:”share_pinterest”;s:15:”share_pinterest”;s:11:”share_gplus”;s:11:”share_gplus”;s:12:”share_reddit”;s:12:”share_reddit”;s:14:”share_linkedin”;s:14:”share_linkedin”;s:12:”share_tumblr”;s:12:”share_tumblr”;s:8:”share_vk”;s:8:”share_vk”;s:10:”share_mail”;s:10:”share_mail”;s:12:”social_icons”;a:4:{i:0;a:2:{s:11:”social_icon”;s:8:”facebook”;s:16:”social_icon_link”;s:100:”https://www.facebook.com/Wolfscastle-Country-Hotel-Allt-yr-Afon-Restaurant-174347119254597/timeline/”;}i:1;a:2:{s:11:”social_icon”;s:7:”twitter”;s:16:”social_icon_link”;s:35:”https://twitter.com/staywolfscastle”;}i:2;a:2:{s:11:”social_icon”;s:8:”linkedin”;s:16:”social_icon_link”;s:58:”https://www.linkedin.com/company/wolfscastle-country-hotel”;}i:3;a:2:{s:11:”social_icon”;s:6:”flickr”;s:16:”social_icon_link”;s:42:”https://www.flickr.com/photos/wolfscastle/”;}}s:13:”mailchimp_api”;s:0:””;s:9:”analytics”;s:0:””;s:8:”gmap_api”;s:0:””;s:17:”avia-nonce-import”;s:10:”1c810ad73d”;s:18:”config_file_upload”;s:0:””;s:15:”iconfont_upload”;s:0:””;s:16:”updates_username”;s:0:””;s:15:”updates_api_key”;s:0:””;}}Cheers,
MattIn reply to: Disable tooltips in galleries
Hi,
I believe there was a misunderstanding. Please add following code to Quick CSS
.avia-tooltip { display: none !important; }Best regards,
YigitIn reply to: Disable tooltips in galleries
Hi Mike,
the plugin is pretty old and doesn´t do its job (anymore) and removing the title manually is quite some effort with lots of galleries. I also want to keep the title for SEO reasons.
I can´t imagine there is no way to remove the tooltips because they are generated by Enfold and I assume there mus be a way to “tell” Enfold not to show them. The default tooltips that the browser shows are fine with me, only the big black ondes generated by Enfold should be removed.
In reply to: Disable tooltips in galleries
Hey Michael,
You could remove the title from each image in your media settings, or use a plugin such as: https://wordpress.org/plugins/no-title-tooltips/Best regards,
MikeIn reply to: ANIMATED NUMBERS CUSTOM CSS E MOBILE BEHAVIOR
Hey mleite1,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 450px) { .avia-tooltip { padding: 6px; width: 95px; } .av-fullwidth-hotspots.avia-builder-el-51 .av-tt-pos-left { left: -100px !important; } }If you need further assistance please let us know.
Best regards,
VictoriaIn reply to: Blog Post Social Share iOS caption tap, double tap
Hey ecdoesit,
Thank you for using Enfold.
Please try this code in the Quick CSS field.
@media only screen and (max-width: 1024px) { /* Add your Mobile Styles here */ .av-share-link .avia-related-tooltip.avia-tt { display: none !important; } }Best regards,
IsmaelHello,
I found a thread created by Ismael some time ago with information on how to create a custom content element block to display post meta info on the ALB when using it to create posts.
I was wondering if someone could help me rework this code so that it ONLY shows the post date, nothing more.
The link to the thread is here: https://kriesi.at/support/topic/post-meta-information-not-appearing-on-single-post-in-restaurant-theme-in-enfold/
The code here:
<?php /** * Comments Element * Adds a comment form to the page */ // Don't load directly if ( !defined('ABSPATH') ) { die('-1'); } if ( !class_exists( 'avia_post_meta_info' ) ) { class avia_post_meta_info extends aviaShortcodeTemplate{ /** * Create the config array for the shortcode button */ function shortcode_insert_button() { $this->config['name'] = __('Post Meta', 'avia_framework' ); $this->config['tab'] = __('Content Elements', 'avia_framework' ); $this->config['icon'] = AviaBuilder::$path['imagesURL']."sc-comments.png"; $this->config['order'] = 28; $this->config['target'] = 'avia-target-insert'; $this->config['shortcode'] = 'av_post_meta'; $this->config['tinyMCE'] = array('disable' => "true"); $this->config['tooltip'] = __('Add the post meta infos', 'avia_framework' ); //$this->config['drag-level'] = 1; } /** * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className * * * @param array $params this array holds the default values for $content and $args. * @return $params the return array usually holds an innerHtml key that holds item specific markup. */ function editor_element($params) { $params['innerHtml'] = "<img src='".$this->config['icon']."' title='".$this->config['name']."' />"; $params['innerHtml'].= "<div class='avia-element-label'>".$this->config['name']."</div>"; $params['content'] = NULL; //remove to allow content elements return $params; } /** * Frontend Shortcode Handler * * @param array $atts array of attributes * @param string $content text within enclosing form of shortcode element * @param string $shortcodename the shortcode found, when == callback name * @return string $output returns the modified html string */ function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "") { $the_id = get_the_ID(); $output = '<header class="entry-content-header">'; $output .= "<span class='post-meta-infos'>"; $markup = avia_markup_helper(array('context' => 'entry_time','echo'=>false)); $output .= '<time class="date-container minor-meta updated" {$markup}>'.get_the_time(get_option('date_format'))."</time>"; $output .= "<span class='text-sep text-sep-date'>/</span>"; if ( get_comments_number() != "0" || comments_open() ){ $output .= "<span class='comment-container minor-meta'>"; ob_start(); comments_popup_link( "0 ".__('Comments','avia_framework'), "1 ".__('Comment' ,'avia_framework'), "% ".__('Comments','avia_framework'),'comments-link', "".__('Comments Disabled','avia_framework')); $comment = ob_get_clean(); $output .= $comment; $output .= "</span>"; $output .= "<span class='text-sep text-sep-comment'>/</span>"; } $taxonomies = get_object_taxonomies(get_post_type($the_id)); $cats = ''; $excluded_taxonomies = apply_filters('avf_exclude_taxonomies', array('post_tag','post_format'), get_post_type($the_id), $the_id); if(!empty($taxonomies)) { foreach($taxonomies as $taxonomy) { if(!in_array($taxonomy, $excluded_taxonomies)) { $cats .= get_the_term_list($the_id, $taxonomy, '', ', ','').' '; } } } if(!empty($cats)) { $output .= '<span class="blog-categories minor-meta">'.__('in','avia_framework')." "; $output .= $cats; $output .= '</span><span class="text-sep text-sep-cat">/</span>'; } $output .= '<span class="blog-author minor-meta">'.__('by','avia_framework')." "; $markup = avia_markup_helper(array('context' => 'author_name', 'echo'=>false)); $output .= '<span class="entry-author-link" $markup>'; $output .= '<span class="vcard author"><span class="fn">'; ob_start(); the_author_posts_link(); $author = ob_get_clean(); $output .= $author; $output .= '</span></span>'; $output .= '</span>'; $output .= '</span>'; $output .= '</span>'; $output .= '</header>'; return $output; } } }Thanks in advance, would be lovely if Ismael could get me code to show only post date.
Hi there,
I wonder how to disable the tooltips in galleries (e.g https://foto-shooting.ch/fotoshooting-fuer-frauen/) on mouse over? Can be a simple CSS display:none to disable all tooltips at once but I cannot find the correspomding CSS.
Thanks in advance
MichaelHey connect4consulting,
A tooltip with a different name would be very difficult, but this code below creates a transparent hot point with a pulse.
Try this code in the General Styling > Quick CSS field:.av-hotspot-container .av-image-hotspot_inner {background: transparent!important; }Hope this helps :)
Best regards,
MikeHi,
Love the theme! I’m trying to create an image with multiple hotspots. The image is a team image and I want the viewer to be able to mouse over a person and then be able to click to the link to that person’s page. I would also like a very simple tooltip to show the person’s name.
The page link is in private content.
Thanks,
In reply to: Add border to Image Hotspot Tooltip box
Hi,
Following code should fix all
.avia-tooltip .avia-arrow { border: 1px solid black; }Sorry it took longer than it should :)
Best regards,
YigitIn reply to: Add border to Image Hotspot Tooltip box
Thanks, that takes care of the left and the right, but what about the top and bottom? I’ve edited hotspot number 3 at the bottom to display in the “below” fashion if you need an example.
From the hotspot settings, this is what I’m referring to.
I tried adding some CSS that I changed from what you posted but this did not work.
.avia-tooltip.av-tt-pos-below.avia-arrow { border: black solid 1px; }Also, here is an image of the “bottom/below” hotspot that I’ve created. I just need to know what CSS to add for the below and above hotspot options, thanks!
In reply to: Add border to Image Hotspot Tooltip box
Hi,
Please add following code to Quick CSS as well
.avia-tooltip.av-tt-pos-left .avia-arrow { border: 1px solid black; }Best regards,
YigitIn reply to: Add border to Image Hotspot Tooltip box
If you hover over hotspot 1, or 3, which are on the left side, then that’ll demonstrate to what I’m referring.
Just also trying to avoid needing to add more custom CSS when and if I add a top or bottom opening image hotspot tooltip box.
But for right now if you’d please look at hot spot 1 and 3, then you’ll hopefully see what I mean.
In reply to: Add border to Image Hotspot Tooltip box
Hi,
Please add following code to Quick CSS as well
.avia-tooltip.av-tt-pos-right .avia-arrow { border: black solid 1px; }That will change border color of triangle to black as well. If you would like to remove it, please use following code
.avia-tooltip.av-tt-pos-right .avia-arrow { display: none; }Best regards,
YigitIn reply to: Turn Off Social Share Toll Tips?
Hi,
Please add the following to quick css:
.av-share-box .avia-related-tooltip { display: none !important; }Let me know if this works.
Best regards,
Jordan ShannonIn reply to: Add border to Image Hotspot Tooltip box
Hi MulattoTech,
When I made the border thicker, I was able to see that it’s a triangle, like an arrow, but I cannot find, where it’s coming from.
.avia-tooltip.av-tt-hotspot { border: 7px solid #000000!important; }Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look.
Best regards,
VictoriaIn reply to: Partner / Logo-Element Description under Logos
Hi,
The tooltip can’t be constantly be under the logo, since it’s generated on hover. The only solutions for what you want to achieve is to override/replace the current partner/logo element, which requires modification of some code.
Best regards,
NikkoIn reply to: Add border to Image Hotspot Tooltip box
Thanks a ton Yigit, and I appreciate the expedient response.
There’s one gotcha, however. When I mouse over a hotspot, there’s a slight gap in the border outline. I’ve attached a photo to illustrate what I’m referencing.
In this photo, I am mousing over the top “1” image hotspot. My hotspot settings are Tooltip Position = Left Centered and Tooltip Width = Large.
In reply to: Add border to Image Hotspot Tooltip box
Hey MulattoTech,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.avia-tooltip.av-tt-hotspot { border: 1px solid #000000!important; }Best regards,
YigitThe title pretty much sums up the question. I’m looking to add a black 1px border to the tooltip box that pops up when you hover over a hotspot in an image.
I’ve looked through the theme’s customization options, and have searched the forums here to no avail.
I’ve also tried adding this code to the theme’s Quick CSS box, but still no dice..av-hotspot-container .av-image-hotspot_inner { border-width: 1px; border-color: 000000; }If anyone could shed some light on this, it’d be much appreciated.
Thanks!
In reply to: Partner / Logo-Element Description under Logos
In reply to: Partner / Logo-Element Description under Logos
Hey hoffi77,
Are you referring to the tooltip that shows above the image/logo on hover?
Best regards,
NikkoHi Ismael! The code you send me recently (function.php) doesn’t work, and breaks all the site. I replaced for the previus code.
And this is the previus code that i’ve added on function.php:add_shortcode(‘avia_search’, ‘get_search_form’);
function add_custom_tooltip(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘.only-mobile-menu-search a’).removeAttr(‘href’);
});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_tooltip’);In reply to: Moving the seach box to the right for mobile users.
OK…I followed your lead and did this in the custom css
.avia-search-tooltip{
position: absolute;
z-index: 9999999;
padding:0;
width: 300px;
top: 85% !important;
margin-left: -30px;
border-radius: 2px;
box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);
border-width:1px;
border-style: solid;
}I changed Margin-left from -120px to -30px and fixed it!!
In reply to: Moving the seach box to the right for mobile users.
Hey charmedrunning,
You can add this custom CSS code and let me know if all is okay:
@media screen and (min-width: 480px) { .avia-search-tooltip { left: -63.5px !important; top: 22px !important; } }Best regards,
John TorvikIn reply to: Gallery image pop up bubbles – clickable instead?
Hi mmentuccia,
Yes, in you need to instantiate aviatooltip separately for the images where you want to show caption on click. Or a totally different script for that page. You might want to consider hiring a freelancer to do it for you, since it will require quite an amount of customization.
Best regards,
VictoriaIn reply to: Gallery image pop up bubbles – clickable instead?
