Forum Replies Created
-
Posts
-
Hi,
I’m sorry, I tried to make it work but I guess this is not possible because the form should be outside the main content area. You have to manually code the form outside the template’s container. Please hire a freelance developer to modify the theme for you.
Regards,
Ismael
Hey,
@asdevargas: Thanks for the tip.
@htarant: You can use this on your custom.css or Quick CSS:
@media only screen and (max-width: 767px) {
.avia-slideshow .avia-caption {
display: none;
}
}Regards,
Ismael
Hey,
You can hide the dots using this:
.avia-slideshow-dots.avia-slideshow-controls {
display: none;
}Regards,
Ismael
Hi,
You can’t use the Advance Layout Editor and the Default Editor simultaneously. You need to pick which one you want to use. Although, you can switch the Advance Layout Editor to debug mode. The actual shortcode will be rendered below the Advance Layout Editor.
To switch your theme to debug mode. Edit function.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;Below, add this code:
//set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
return "debug";
}You will be able to see the actual shortcode below the builder. Shortcodes can be combine then, like this example. A combination of Promobox shortcode plus the Button shortcode:
[av_promobox button='yes' label='Click me' link='single' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' icon_select='no' icon='25']
Welcome Stranger! This is an example Text for your fantastic Promo Box! Feel Free to delete it and replace it with your own fancy Message!
[av_button label='Click me' link='' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='25']
[/av_promobox]Regards,
Ismael
Hi,
There is no vertical slider included on the theme. You need to hire a freelance developer to add the feature for you. You can also look for third party plugins.
Regards,
Ismael
Hi,
I’m not sure if this is what you want. A screenshot will help. Use this on your custom.css or Quick CSS:
.avia-center-col.pricing-table {
text-align: center;
width: 100%;
}
.pricing-table {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}Regards,
Ismael
Hey,
Do you mind decreasing the size of the logo on 768px screen width? You can add this on your custom.css or Quick CSS:
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_slide_out .logo {
float: left;
width: 200px;
margin-top: 20px;
}
}This is what it will look like:
Regards,
Ismael
Hey,
What type of header do you have? Please check on Enfold > Header > Header Type.
Regards,
Ismael
Hey,
You can change the color of h2 tag using this on your custom.css or Quick CSS:
.socket_color h2 {
color: red;
}Regards,
Ismael
Hi,
It is not happening on my end. The link stays exactly where they should be. It seems like you modify some padding or something like that. Please remove the css you added then leave the code I suggested above.
Regards,
Ismael
Hey,
You can add another column. Edit config-templatebuilder > avia-shortcodes > portfolio.php, find this code:
"subtype" => array( /* __('1 Column', 'avia_framework' )=>'1', */
__('2 Columns', 'avia_framework' )=>'2',
__('3 Columns', 'avia_framework' )=>'3',
__('4 Columns', 'avia_framework' )=>'4',
/* __('5 Columns', 'avia_framework' )=>'5', */
)),Replace it with:
"subtype" => array( /* __('1 Column', 'avia_framework' )=>'1', */
__('2 Columns', 'avia_framework' )=>'2',
__('3 Columns', 'avia_framework' )=>'3',
__('4 Columns', 'avia_framework' )=>'4',
__('5 Columns', 'avia_framework' )=>'5',
)),Edit your portfolio page then configure the Portfolio Grid element. Select “5” on the Column option.
Regards,
Ismael
Hey,
You can use this on your custom.css or Quick CSS:
#top .main_color .onsale {
background: url('https://cdn1.iconfinder.com/data/icons/Siena/128/label_sale%20yellow.png') no-repeat center;
width: 128px;
height: 128px;
text-indent: -9999px;
top: -30px;
}Regards,
Ismael
Hey,
Please use this:
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
border: 6px inset transparent !important;
}
.twentytwenty-left-arrow {
border-right: 6px solid white !important;
}
.twentytwenty-right-arrow {
border-left: 6px solid white !important;
}
.twentytwenty-handle {
border: 3px solid white !important;
}Remove browser cache then reload the page.
Cheers,
Ismael
Hi,
I can only see one LayerSlider on your installation. I don’t think it is possible to turn off or hide certain parts of the slider on mobile view.
Regards,
Ismael
Hey,
Did you recently update to WordPress 3.6? Please download the latest version of the theme, Enfold 2.0.1. Update your installation. If you have a cache plugin, please flush the settings. Remove browser cache then reload the page.
Regards,
Ismael
Hi,
Please try to increase the wordpress php memory limit. Edit wp-config.php, add this code:
define('WP_MEMORY_LIMIT', '128M');Ask your host if you can exceed this limit.
Regards,
Ismael
Hi,
@yukanl: If you’re using Chrome, right click on the portfolio box widget then click “Inspect Element”. Look for this line:
<div id="portfoliobox-2" class="widget clearfix newsbox">You can use this to remove the date and time:
#portfoliobox-2 .news-time {
display: none !important;
}The widget id (#portfoliobox-2) might be different in yours. Please remove browser cache then reload the page a few times.
Cheers,
Ismael
Hi,
I’m not sure if there such thing as “grandchild pages css selector” on wordpress.
Instead of “.current-page-ancestor.current-menu-ancestor”, try using “.active-parent-item”.
Regards,
Ismael
Hey,
It should automatically be added when you install the Woocommerce plugin. Please make sure that you select a menu on Appearance > Menu > Theme Locations.
Regards,
Ismael
Hey,
What type of header are you using?
You can edit includes > loop-index.php, find this code:
//echo preview image
if(strpos($blog_style, 'big') !== false)
{
if($slider) $slider = '<a href="'.$link.'">'.$slider.'</a>';
if($slider) echo '<div class="big-preview '.$blog_style.'">'.$slider.'</div>';
}Remove it.
Regards,
Ismael
Hey,
Edit a portfolio item then look for the Featured Image on the lower right of the editor.
Regards,
Ismael
Hey,
No, you don’t need to remove it. It will give you more control over your templates. :)
Cheers,
Ismael
Hi,
Go to the actual vimeo video then click “Share”. A pop up will appear. Get the actual video URL under Link.
Regards,
Ismael
Hey,
You can add a unique selector for each Avia Elements. 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');Edit any avia elements like Text Block then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-textblock”.
You can use something like this on your custom.css or Quick CSS:
.avia_textblock.awesome-textblock p {
background: blue;
padding: 10px;
font-size: 20px;
}Regards,
Ismael
Hey,
Please refer to this link: https://kriesi.at/support/topic/override-the-global-avia_config-within-child-functionsphp
Regards,
Ismael
Hey,
Let us wait for Devin and Kriesi to answer. They can check this on an actual iOS device.
Regards,
Ismael
Hi,
Please add this on your custom.css or Quick CSS. This will make the header 58px in height consistently.
/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height:58px !important; line-height: 58px !important; }
/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 58px !important; line-height: 58px !important; }
/*header with social icons and bottom nav */
.bottom_nav_header.social_header #header_main .container{height: 58px !important; line-height: 58px !important;}
.fixed_header #main {
padding-top: 58px;
}Regards,
Ismael
