Forum Replies Created
-
Posts
-
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
Hey,
Glad it worked. :)
You can use Media Queries for the logo. The custom.css on Enfold 1.6 has a ready made Media Query script.
Cheers,
Ismael
Hi,
Please add this on your custom.css
.responsive #header_main_alternate .mobileMenu {
margin: 16px auto;
}
.responsive #top .mobileMenu {
width: auto;
padding: 10px 4px;
}Regards,
Ismael
Hi,
Please send it on //…
Include the word “Kriesi” on the subject. Add the url of this thread on your email.
In what page is this happening?
Regards,
IsmaelHi,
My bad. Please find this code on functions.php
if(isset($avia_config['use_child_theme_functions_only'])) return;Place the debug code below.
When you edit a page or a portfolio post, go to Advance Layout Editor. Under the Avia Builder you will see the actual shortcode there.
Regards,
Ismael
Hi,
Please add this on your custom.css or Quick CSS
.fixed_header.social_header #main {
padding-top: 90px;
}
.template-page.content.twelve.alpha.units {
padding-top: 0;
}Regards,
Ismael
Hi,
You can use this on your custom.css
.main_menu ul:first-child > li > a {
font-family: 'Metrophobic', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}In this case, we use the “Metrophobic” font.
Regards,
Ismael
Hi,
Please visit this link:
https://kriesi.at/support/topic/custom-widget-areas-not-working-after-upgrade-to-15
Follow Dude’s instruction. It might fix the issue. Sometimes widget settings get stuck for no apparent reason.
Regards,
Ismael
Hi,
Please add this on your custom.css
.home .post-meta-infos {
display: none;
}OR
Inspect your homepage using Chrome. Click Inspect Element, scroll to the <body> tag. Look for something like this inside the body tag.
class="page page-id-1122.page-id-1122 is the unique body class of your homepage. Add this on your custom.css
.page-id-1122 .post-meta-infos {
display: none;
}Your home page id might be different from mine. Please check yours.
Regards,
Ismael
Hi,
You mean the single post view? No, there is no way to use the Blog styles on single post view. You can only select post formats like standar, link, gallery, video etc. I suggest you use Portfolio posts to create different post styles, you can use the Advance Layout Editor for each post.
Regards,
Ismael
Hi,
Try this on your custom.css or Quick CSS
.page-id-1668 .av_one_half {
margin-left: 3%;
width: 50%;
}
.page-id-1668 .av_one_fourth {
margin-left: 3%;
}
.page-id-1668 .av_one_fourth.first {
margin-left: 0;
}
.page-id-1668 .template-page.content.twelve.alpha.units {
padding-top: 20px;
}.page-id-1668 is the unique id of the link you us. You can remove it if you want to apply the style throughout the site.
Regards,
Ismael
Hi,
Please add this.
.main_color input[type="submit"]:hover {
border-color: #E1E1E1;
background-color: #073E8A;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
color: white;
}Cheers,
Ismael
Hi,
Yes, that is the purpose of the instruction above, to hide the widgets.
I’m really not sure if that is the case. I think I did answer the same inquiry before. I’ve been looking for it on the forum but I can’t find it. Anyway, good thing they are being remove when you create a new post.
Regards,
Ismael
Hi,
Please add this on your custom.css or quick CSS
.sidebar_left.sidebar {
text-align: left;
}
.fb_iframe_widget span {
width: 240px!important;
}Regards,
Ismael
Hi,
Please give us a link to your website. We would like to inspect your slider. We can’t help you since you’re problem is css related unless we can inspect the actual slider.
You should probably constrain the slider, go to the Slider > Global Options > Basic > Layers Container. Specify the actual width in pixels, this will give you an exact container width to play with the elements’ position.
Regards,
Ismael
Hi,
Open header.php then find this code on line 104
$phone = avia_get_option('phone');
$phone_class = !empty($nav) ? "with_nav" : "";
if($phone) echo "<div class='phone-info {$phone_class}'><span>{$phone}</span></div>";Cut it then place it below this code on line 135
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');Then add this on your custom.css or Quick CSS
.social_header .phone-info {
float: right;
margin-top: 40px;
margin-right: 120px;
}
#header_meta {
display: none;
}Regards,
Ismael
