Forum Replies Created
-
Posts
-
Hi,
I’m not sure what is wrong with your 4th slide. Can you remake it?
I added 6 slides on my end but the slider is not crashing. This is the screenshot.
Let me tag Kriesi.
Regards,
Ismael
Hi,
1.) Edit wp-contentthemesenfoldconfig-templatebuilderavia-shortcodes postslider.php then find this code on line 317
if ( $commentCount != "0" || comments_open($the_id) && $entry->post_type != 'portfolio')
{
$link_add = $commentCount === "0" ? "#respond" : "#comments";
$text_add = $commentCount === "1" ? __('Comment', 'avia_framework' ) : __('Comments', 'avia_framework' );
$output .= "<div class='slide-meta-comments'><a href='{$link}{$link_add}'>{$commentCount} {$text_add}</a></div><div class='slide-meta-del'>/</div>";
}Replace it with:
if ( $commentCount != "0" || comments_open($the_id) && $entry->post_type != 'portfolio')
{
$link_add = $commentCount === "0" ? "#respond" : "#comments";
$text_add = $commentCount === "1" ? __('Comment', 'avia_framework' ) : __('Comments', 'avia_framework' );
//$output .= "<div class='slide-meta-comments'><a href='{$link}{$link_add}'>{$commentCount} {$text_add}</a></div><div class='slide-meta-del'>/</div>";
}2.) If you want to disable the wp comment. Open single.php then find this code
//wordpress function that loads the comments template "comments.php"
comments_template( '/includes/comments.php');Replace it with:
//wordpress function that loads the comments template "comments.php"
//comments_template( '/includes/comments.php');Cheers,
Ismael
Hi,
The arrow should not scroll to “#next”. I tested the post slider and easy slider on my end but I can’t reproduce the one you’re having.
Did you change anything on the theme files?
Let me tag the rest of the support team.
Regards,
Ismael
Hi,
It holds the css style that you specify on Enfold > Styling. Open the file wp-contentuploadsdynamic_aviaenfold.css then change something on Enfold > Styling, save changes. You will be prompt to reload the enfold.css file because something has change on the css.
Please watch this video on how to create a child theme. https://vimeo.com/channels/aviathemes/67221517
All the files you need on the child theme folder are
functions.php
<?php
/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/styles.php
/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*/and a screenshot if you want.
This link might help: https://kriesi.at/support/topic/enfold-child-theme
Regards,
Ismael
Hi,
Like I said, my page id might be different from your page id. Please change that. Try this code. This will remove the meta infos all over the site.
.post-meta-infos {
display: none;
}Please give us a link to your site.
Cheers,
Ismael
Hi,
The Full Width Slider is working fine on my end. Can you give us a link to your website?
Regards,
Ismael
Hi,
I did some changes on your slide Chop > Slide #1. Unfortunately, I don’t have the time to change all your slides. I also use the actual html code for avia buttons. I added a class selector to make it unique.
NOTE: Images are much more responsive than text. Next time you create a slide, I suggest you use image text instead of actual text. To see an example, please Import the dummy data.
I added this on your Quick CSS
/* Advance Slider Style */
.fsn2-title { font-family: League Gothic; letter-spacing:2px; font-size:68px; font-weight:500; color:#ffffff; }
.fsn2-p { color: white; font-size: 15px; line-height:22px; margin-bottom:50px; }
@media only screen and (max-width: 767px) {
.ls-layer > span { top: -10px; left: -5px !important; padding: 0 10px !important; }
.fsn2-title { font-family: League Gothic; letter-spacing:1px; font-size:20px; font-weight:500; color:#ffffff; line-height:10px; }
.fsn2-p { color: white; font-size: 10px; line-height:12px;margin-bottom: 10px; }
.ls-layer > span .avia-button.avia-size-large { padding: 3px 10px; font-size: 11px; min-width: 80px; top: 15px;
}
}Regards,
Ismael
Hi,
I asked this myself but I can’t find a way to rename the slide on LayerSlider admin. I was able to change the slide name on phpmyadmin panel. You need to visit your cpanel > phpmyadmin > go to your wordpress database then look for wp_layerslider table. Look for the slide that you want to edit,
Let me tag the rest of the support team. Maybe they know a simpler way.
Regards,
Ismael
Hi,
It is because you have an inline font-size of 50px and 30px. It is way too big for mobile devices. Give the <span> tag a unique css selector. Something like this:
<p style="text-align: center;"><span class="paragraph-1A">Example Content</span></p>
<p style="text-align: center;"><span class="paragraph-1B">Example Content More Content</span></p>Then style it on your custom.css or Quick CSS
.paragraph-1A {
color: #333; font-family: 'League Gothic', auto; font-size: 50px;
}
.paragraph-1B {
color: #333; font-family: 'League Gothic', auto; font-size: 30px;
}Then add Media Queries to target the span on mobile devices.
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.paragraph-1A {
color: #333; font-family: 'League Gothic', auto; font-size: 20px;
}
.paragraph-1B {
color: #333; font-family: 'League Gothic', auto; font-size: 10px;
}
}Regards,
Ismael
Hi,
Kriesi is working on the symbol translation. It gives an error when you use those symbols. It is working using the html codes.
http://www.ascii.cl/htmlcodes.htm
! = & #33;
' = & #39;[av_heading heading='!Hello' tag='h3' color='' style='' padding='10']Regards,
Ismael
Hi,
The side images doesn’t shrink. Actually, the code increased the size of the one_half column then decrease the left margin, so technically the red shoes is much bigger.
.page-id-1668 .av_one_half {
margin-left: 0.0001%;
margin-right: -3%;
width: 50%;
}This code decrease the left margin of one_fourth column, I will add the code to make them bigger.
.page-id-1668 .av_one_fourth {
margin-left: 3%;
width: 23.5%;
}This code makes sure that the first column has no left margin
.page-id-1668 .av_one_fourth.first {
margin-left: 0;
}This code to decrease the top padding
.page-id-1668 .template-page.content.twelve.alpha.units {
padding-top: 10px;
}Regards,
Ismael
Hi,
I checked the post “The Mistery of the Universe – Interview with Steve Durbach”.
It looks fine on Firefox and Internet Explorer 8. I’m sure it will look good on IE9 and 10 too.
Regards,
Ismael
Hi,
Do you have WordPress 3.5 or higher? Enfold theme will not work properly on older versions of wp.
Please increase the wordpress memory limit.
http://www.dailyblogging.org/wordpress/increase-wordpress-memory-limit/
You can also set the Avia Builder to debug mode. Edit functions.php, find this code on line 16
if(isset($avia_config['use_child_theme_functions_only'])) return;Add the debug code below.
//set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
return "debug";
}You will see the actual shortcode below the Avia Builder.
If you still can’t see the Avia Builder when editing a page, look for Screen Options (top right corner), check the Avia Builder.
Watch these videos: https://vimeo.com/channels/aviathemes
Regards,
Ismael
Hello,
Please add this on your custom.css or Quick CSS
.attachment-square.wp-post-image {
width: 100% !important;
height: 100% !important;
}Regards,
Ismael
Hi,
Sorry for that.
Please increase the wordpress memory limit.
http://www.dailyblogging.org/wordpress/increase-wordpress-memory-limit/
You can also set the Avia Builder to debug mode. Edit functions.php, find this code on line 16
if(isset($avia_config['use_child_theme_functions_only'])) return;Add the debug code below.
//set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
return "debug";
}You will see the actual shortcode below the Avia Builder.
Regards,
Ismael
Hi,
@juganrising: Thanks for the tip. :)
@jayredliner: We recommend to Import the Dummy data to learn more about how the theme works. You can also watch these videos:
vimeo.com/channels/aviathemes
Regards,
Ismael
Hi,
@juganrising: Thanks for the help. :)
@marjan2k: You can follow the links to fix the issue.
You can also add this on your custom.css or Quick CSS to fix the ovarlapping menu issue.
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (max-width: 1138px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 6px;
font-size: 12px;
}
}Regards,
Ismael
Hey,
The div .avia-video .avia-iframe-wrap creates an inline padding style with value of 75%. Dude’s code overrides the default styling to padding: 0. It will only affect the video.
Regards,
Ismael
Hi,
Iconbox title:
.main_color .iconbox_content_title {
color: red;
}Icon lists:
.alternate_color .iconlist_title {
color: red;
}Regards,
Ismael
Hi,
Edit the posts, on Screen Options, check the Excerpt option. You can also use the <!–more–> tag.
Regards,
Ismael
Hi,
Yes, there should be a Cart on the upper right corner of your site. You need to install the woocommerce plugin.
Regards,
Ismael
Hi,
Open framework > php > class-form-generator.php, find this code on line 243
$this->elements_html .= ' <input '.$checked.' name="'.$id.'" class="input_checkbox '.$element_class.'" type="checkbox" id="'.$id.'" value="true"/><label for="'.$id.'">'.$element['label'].$required.'</label>';Replace it with:
$this->elements_html .= ' <input checked="checked" '.$checked.' name="'.$id.'" class="input_checkbox '.$element_class.'" type="checkbox" id="'.$id.'" value="true"/><label for="'.$id.'">'.$element['label'].$required.'</label>';Regards,
IsmaelHi,
These are the shortcodes
Classic Style
[av_heading heading='Hello' tag='h3' color='meta-heading' style='blockquote classic-quote' padding='10']
Modern Style
[av_heading heading='Hello' tag='h5' color='' style='blockquote modern-quote' padding='15']
Default Style
[av_heading heading='Hello' tag='h5' color='' style='' padding='15']
Regards,
Ismael
Hi,
You mean the Avia Builder on the admin side?
Yeah, sure. Edit wp-contentthemesenfoldconfig-templatebuilderavia-template-builderassetscss
Look for shortcode_insert_button styling. You can use the child and siblings css selector to target each element. Also note that there are four tabs which you can target by .avia-tab selector. Layout element tab will be avia-tab-1, Content element tab will be .avia-tab-2 and so on. For example if you want to style Text Block element, place this code below the shortcode_insert_button styling:
.avia-tab-2 .shortcode_insert_button:first-child {
background: red;
}For 1/3 column element under Layout elements, you can use this
.avia-tab-1 .shortcode_insert_button:nth-child(3) {
background: blue;
}Regards,
Ismael
Hi,
You can change them manually on your custom.css or Quick CSS.
For the icon background
.iconbox_icon.heading-color.avia-font-entypo-fontello {
background-color: red;
}For the iconbox title
.main_color .iconbox_content_title {
color: red;
}alternate:
.alternate_color .iconbox_content_title {
color: blue;
}For the iconbox content
.main_color .iconbox_content p {
color: red;
}alternate:
.alternate_color .iconbox_content p {
color: blue;
}Regards,
Ismael
