Forum Replies Created
-
AuthorPosts
-
Hello!
You can remove the responsive styling of the table on mobile view. You might need to adjust it a little. Edit css > shortcodes.css, find then remove this code:
@media only screen and (max-width: 767px) { .responsive div .avia-data-table table, .responsive div .avia-data-table tbody, .responsive div .avia-data-table tr, .responsive div .avia-data-table td, .responsive div .avia-data-table th{display:block; border-top:none; border-right:none; border-left:none; text-align: center;} .responsive .avia-data-table{border-style:solid; border-width: 1px;} .responsive .avia-data-table .avia-pricing-row .avia-desc-col{text-align: center;} .responsive .avia-data-table .avia-button-row, .responsive .avia-data-table tr:first-child th{display:none;} .responsive .avia-data-table td:before { display:block; font-style: italic; font-size: 11px; } .responsive .avia-data-table td { position: relative; } }
Best regards,
IsmaelHi!
You can use Media Queries to change them on different screen sizes:
@media only screen and (min-width: 700px) and (max-width: 1000px) { .avia-content-slider .slide-image img { height: 180px; } }
Cheers!
IsmaelHello macrunner!
As far as I know WordPress is using MyISAM table engine by default. Let’s wait for Kriesi’s response.
Best regards,
IsmaelHey McGawain!
The theme settings are save on your database. You can manually import the database to restore the theme settings.
Cheers!
IsmaelHello!
The code above has nothing to do with font size. Can you give us a link to your website please? We need to inspect it. A screenshot will help.
Regards,
IsmaelHey wilhelm111!
I want to help but when I translate your inquiry using google translate, it is not clear. I can only understand your problem about tabs or gallery. Can you please post the question on English?
Cheers!
IsmaelHi!
It is working. I even tried to change the icon from entypo character map: http://www.entypo.com/characters/
<center><span class="”av_font_icon avia-font-entypo-fontello" style="font-size: 50px;">✉</span></center>
This is the result.
Cheers!
IsmaelHi JochenBake!
Can you give us a link to the website please? Looks like it is using the NextGen Gallery which comes with its own lightbox plugin. You can disable the default prettyPhoto plugin of Enfold. Edit js > avia.js, find this code:
//activates the prettyphoto lightbox if($.fn.avia_activate_lightbox) $(container).avia_activate_lightbox();
Replace it with:
//activates the prettyphoto lightbox //if($.fn.avia_activate_lightbox) //$(container).avia_activate_lightbox();
Remove browser cache then reload the page a few times. Unfortunately, we can’t give you full support for third party plugins.
Cheers!
IsmaelHey mattock!
You can add this on your custom.css or Quick CSS to move the icon upwards:
.image-overlay .image-overlay-inside:before { line-height: 70px; }
Adjust the line-height if necessary.
Cheers!
IsmaelOctober 2, 2013 at 9:21 am in reply to: Embed Tableau Software Dashboard in my Enfold website #169199Hello stephanusdekock!
Follow these steps:
1.) Create a page then switch to Advance Layout Builder.
2.) Insert the Text Block element. Configure the text block then switch to Text or HTML mode.
3.) Paste the Tableu Software code:
<script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script><div class="tableauPlaceholder" style="width:654px; height:855px;"><noscript><a href="http://www.tableausoftware.com/public/gallery/making-pay-gap-look-good"><img alt=" " src="http://public.tableausoftware.com/static/images/Me/Medianpay-blog_2/Searchbysalary___/1_rss.png" style="border: none" /></a></noscript><object class="tableauViz" width="654" height="855" style="display:none;"><param name="host_url" value="http%3A%2F%2Fpublic.tableausoftware.com%2F" /><param name="site_root" value="" /><param name="name" value="Medianpay-blog_2/Searchbysalary___" /><param name="tabs" value="yes" /><param name="toolbar" value="yes" /><param name="static_image" value="http://public.tableausoftware.com/static/images/Me/Medianpay-blog_2/Searchbysalary___/1.png" /><param name="animate_transition" value="yes" /><param name="display_static_image" value="yes" /><param name="display_spinner" value="yes" /><param name="display_overlay" value="yes" /><param name="display_count" value="yes" /></object></div><div style="width:654px;height:22px;padding:0px 10px 0px 0px;color:black;font:normal 8pt verdana,helvetica,arial,sans-serif;"><div style="float:right; padding-right:8px;"><a href="http://www.tableausoftware.com/public/about-tableau-products?ref=http://public.tableausoftware.com/views/Medianpay-blog_2/Searchbysalary___" target="_blank">Learn About Tableau</a></div></div>
This is what I have on my end:
Best regards,
IsmaelHey!
You can change the style of the sale tag using this on your custom.css or Quick CSS:
#top .onsale { position: absolute; background: rgba(0, 0, 0, 0.8); z-index: 10; color: #FFF; background: #7E9A47; top: -220px; right: 0; left: auto; margin: 0; min-width: 40px; } span.onsale { min-height: 32px; padding: 4px; font-size: 12px; text-align: center; line-height: 32px; -webkit-border-radius: 0; -moz-border-radius: 20px; border-radius: 0; }
Cheers!
IsmaelHello 12Switch!
You are not using Enfold.
I’m sorry but I don’t see the grey widget. Can you please post a screenshot ?
Cheers!
IsmaelHi!
You can add this on your custom.css or Quick CSS:
#header { background-color: transparent; background: url(https://westernstarbutter.staging.safecom.com.au/wp-content/uploads/christmas-ribbon-nav.png) no-repeat bottom center; }
Cheers!
IsmaelHi stunna42!
Please add this on your custom.css or Quick CSS:
.search .post-meta-infos { position: relative; left: 20px; } .search h2.post-title.entry-title { padding-left: 60px; } .search-result-counter { position: relative; left: 0; top: 1px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); height: 44px; line-height: 24px; padding: 10px; text-align: center; border-radius: 100px; width: 44px; float: left; }
Best regards,
IsmaelHey!
You can move the #Table section from base.css to the custom.css. Change the values.
Cheers!
IsmaelHey colorit2!
You can add this on your custom.css or Quick CSS:
#top #menu-item-search { top: -75px; } #header_main { position: relative; z-index: 9999; }
Cheers!
IsmaelHello erantdo!
Please use icons that are available here: http://fontello.com/
Looks like you use a font from Font Awesome.
Cheers!
IsmaelHello andreanapier1985!
The responsive stops on mobile view if I’m correct. Please add this on your custom.css or Quick CSS:
@media only screen and (max-width: 767px) { #wrapper { width: 460px; margin: 0 auto; } .opl-canvas { overflow: hidden; width: 500px; } }
Cheers!
IsmaelHi DavidMiles!
I don’t see it on Enfold 2.3. What browser and OS are you testing it with?
Best regards,
IsmaelHello Michae1!
Can you give us a link to the website? A screenshot will help.
Cheers!
IsmaelHey!
Please try this:
@media only screen and (min-width: 700px) and (max-width: 1500px) { #main { min-width: 1800px; }
Cheers!
IsmaelHey!
Yeah, I did experience the issue. When I add any shortocodes using the shortcode wand then add the “Tab” element, all existing shortcode disappear. I’m not sure what is wrong. Let’s wait for Dude and Kriesi to test this issue.
Regards,
IsmaelHi!
Please edit js > avia.js, find this code:
//activates the prettyphoto lightbox if($.fn.avia_activate_lightbox) $(container).avia_activate_lightbox();
Replace it with:
//activates the prettyphoto lightbox //if($.fn.avia_activate_lightbox) //$(container).avia_activate_lightbox();
Remove browser cache then reload the page a few times, see if the quform button works.
Regards,
IsmaelHi!
You can add this on your custom.css or Quick CSS:
.main_color.container_wrap.sidebar_right .container { margin: 0 20px; }
Cheers!
IsmaelHi!
Please add the code again. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
add_theme_support('avia_template_builder_custom_css');
Regards,
IsmaelOctober 2, 2013 at 7:06 am in reply to: How to add social media buttons to the footer and add second menu to footer #169145Hello!
You can just add the link http://otsecure.net/techserv/wp-login.php. You can also create a page then add this code:
Change the “http://yourdomain.com” to your site’s url. You can then use this page’s link as login/logout page.
Cheers!
IsmaelHello!
On what browser are you testing it with? It looks fine on Chrome and Firefox. I don’t see the blinking effect. You can add more transition effects on Slide Options > Slide Transitions > Transitions.
Cheers!
IsmaelHello!
Can you please apply the LayerSlider that you want to show on the search result page? Attach it to a page then give us a link to it. We can copy the html code and attach it directly on loop-search.php.
Cheers!
IsmaelHello frankwelschlehmann!
You can add the rel=”noLightbox” on the anchor tag.
<a rel="noLightbox" href="LINK HERE">LINK</a>
Cheers!
Ismael -
AuthorPosts