Forum Replies Created
-
Posts
-
Hi,
1.) Create a page, look for Advance Layout Editor. Under Content element, select and insert Portfolio Grid. Save the page. Voila! You have your Portfolio page. All you have to is to create Portfolio Items.
2.) You can insert an Image element then set the link manually. Insert a video link. When you click the image it will open up a video lightbox.
3.) Do instruction number 1, this time edit Portfolio Grid element then select Which categories should be used for the portfolio?
You can watch tutorial videos here https://vimeo.com/channels/aviathemes.
Regards,
Ismael
Hi,
Just add this on your custom.css
#top .main_color input[type="text"] {
border-color: gray;
background-color: red;
color: blue;
}Regards,
Ismael
Hi,
Open functions-enfold.php then find this code
function avia_post_nav($same_category = false)Replace it with
function avia_post_nav($same_category = true)Remove browser cache the reload the page.
Regards,
Ismael
Hi,
You are correct. If you measure 2 column portfolio without sidebar, the thumbnail size is 514x415px. So you need to make up your mind. If you are going to use the 3 column portfolio you can change this line on functions.php
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column)Replace it with
$avia_config['imgSize']['portfolio'] = array('width'=>342 'height'=>276 ); // images for portfolio entries (2,3 column)If you like to be specific with the 2 column portfolio view without sidebars, use this instead
$avia_config['imgSize']['portfolio'] = array('width'=>514, 'height'=>415 ); // images for portfolio entries (2,3 column)The exact thumbnail size for 4 column portfolio inside the container is 257×183. You can modify this line
$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columnsRegenerate the thumbnails using this http://wordpress.org/plugins/regenerate-thumbnails/.
Cheers,
Ismael
Hi,
I can’t reproduce the number 2 issue on my end. You got a sharp eye, it takes me minutes to see the difference, might as well be the case for other visitors who will visit the site. In my honest opinion it is not really a big deal. A link to your website will help.
Regards,
Ismael
Hi,
Please try to add this on your custom.css or Quick CSS
.avia-video iframe, .js_active .avia-iframe-wrap iframe {
position: absolute9;
width: 100%9;
height: 100%9;
display: block9;
}Regards,
Ismael
Hi,
You can manually apply the background color on your Quick CSS.
Example:
.header_color .header_bg {
background-color: #EF7C0B;
}
.main_color {
background-color: #EF7C0B;
}Cheers,
Ismael
Hi,
1.) Go to Enfold > Sidebar > Page Sidebar navigation, select Display sidebar navigation.
2.) Edit footer.php then find this code
$kriesi_at_backlink = apply_filters("kriesi_backlink", " - <a href='http://kriesi.at'>Enfold Theme by Kriesi</a>");You can edit that line or remove it.
Cheers,
Ismael
Hi,
Try this one. Please remove browser cache the reload the page. It is working on our end.
.boxed#top {
-moz-box-shadow: 0px 30px 30px #000;
-webkit-box-shadow: 0px 30px 30px #000;
box-shadow: 0px 30px 30px #000;
}Can you give us a link to your website?
Regards,
Ismael
Hi,
Try to add this on your custom.css or Quick CSS
.slide-image img {
height: 100%9
max-height: 228px9;
}Cheers,
Ismael
Hi,
Just add this on your custom.css
.ajax_form.avia-builder-el-5.el_after_av_textblock.avia-builder-el-last fieldset {
background-color: white !important;
}
#avia_e-mail_1 {
border-color: gray !important;
}Regards,
Ismael
Hi,
Please add this on your custom.css
.social_header .phone-info {
float: left !important;
}Cheers,
Ismael
Hi,
You can use this plugin. After activation, go to Posts > Re-order.
http://wordpress.org/plugins/post-types-order/
Regards,
Ismael
Hi,
@lounge35: Thanks for helping. :)
@gianmarizzi: He is correct. Just add this on your custom.css or Quick CSS
.news-time {
display: none;
}Regards,
Ismael
Hi,
Download a new wordpress installer. The one you have maybe corrupted. Also, download the theme files again.
Start a new setup. These errors can be fix by deleting an invisible space on the php files. The update might solve the issue.
Regards,
Ismael
Hi,
You can add this on your custom.css or Quick CSS
.responsive .boxed#top {
box-shadow: 50px 50px 50px #333;
}Regards,
Ismael
Hi,
You can find all the form layout of the theme on css > base.css
/* #Forms
================================================== */
#top form {
margin-bottom: 20px; }
#top fieldset {
margin-bottom: 20px; }
#top .input-text,
#top input[type="text"],
#top input[type="input"],
#top input[type="password"],
#top input[type="email"],
#top input[type="number"],
#top input[type="url"],
#top input[type="tel"],
#top input[type="search"],
#top textarea,
#top select {
-webkit-appearance: none;
border: 1px solid #e1e1e1;
padding: 8px 6px;
outline: none;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;
background: #fff;
-webkit-font-smoothing: antialiased;
border-radius: 0px;
}
#top input[type="text"]:focus,
#top input[type="password"]:focus,
#top input[type="email"]:focus,
#top input[type="number"]:focus,
#top input[type="url"]:focus,
#top input[type="tel"]:focus,
#top input[type="search"]:focus,
#top textarea:focus {
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
color: #555;
}
#top textarea {
min-height: 60px; line-height:1.5em;}
#top label{
display: block;
font-weight: bold;
font-size: 12px; }
#top legend {
display: block;
font-weight: normal;
font-size: 15px; }
#top select {
width: 220px; }
#top input[type="checkbox"] {
display: inline; }
#top label span,
#top legend span {
font-weight: normal;
font-size: 13px;
color: #444; }
#top textarea{width:100%;}
#top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area{border:1px solid #9AA600;} /*#70A41B*/
#top #wrap_all .error .text_input, #top #wrap_all .error .text_area{border:1px solid #DF653E;}
#top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area{border:1px solid #ffb628;}You can remove or edit them to avoid conflict with other plugin style.
Regards,
Ismael
Hi,
Open css > shortcodes.css then find this code
.grey-bar .bar{
background: #555;
background-image: -webkit-linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444);
background-image: -moz-linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444);
background-image: -o-linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444);
background-image: -ms-linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444);
background-image: linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444);
}
.blue-bar .bar{
background: #7bb0e7;
background-image: -webkit-linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
background-image: -moz-linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
background-image: -o-linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
background-image: -ms-linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
background-image: linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
}
.green-bar .bar{
background: #555;
background-image: -webkit-linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846);
background-image: -moz-linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846);
background-image: -o-linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846);
background-image: -ms-linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846);
background-image: linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846);
}
.orange-bar .bar{
background: #EDAE44;
background-image: -webkit-linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66);
background-image: -moz-linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66);
background-image: -o-linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66);
background-image: -ms-linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66);
background-image: linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66);
}
.black-bar .bar{
background: #222;
background-image: -webkit-linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444);
background-image: -moz-linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444);
background-image: -o-linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444);
background-image: -ms-linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444);
background-image: linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444);
}
.red-bar .bar{
background: #B02B2C;
background-image: -webkit-linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E);
background-image: -moz-linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E);
background-image: -o-linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E);
background-image: -ms-linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E);
background-image: linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E);
}
.teal-bar .bar{
background: #5F8789;
background-image: -webkit-linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB);
background-image: -moz-linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB);
background-image: -o-linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB);
background-image: -ms-linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB);
background-image: linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB);
}
.aqua-bar .bar{
background: #4ECAC2;
background-image: -webkit-linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4);
background-image: -moz-linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4);
background-image: -o-linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4);
background-image: -ms-linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4);
background-image: linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4);
}
.purple-bar .bar{
background: #745F7E;
background-image: -webkit-linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F);
background-image: -moz-linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F);
background-image: -o-linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F);
background-image: -ms-linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F);
background-image: linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F);
}
.pink-bar .bar{
background: #D65799;
background-image: -webkit-linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB);
background-image: -moz-linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB);
background-image: -o-linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB);
background-image: -ms-linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB);
background-image: linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB);
}
.silver-bar .bar{
background: #D7D7D7;
background-image: -webkit-linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9);
background-image: -moz-linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9);
background-image: -o-linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9);
background-image: -ms-linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9);
background-image: linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9);
}Leave the solid background, for example. Grey bar should be like this
.grey-bar .bar{
background: #555;
}Remove the background-image.
Cheers,
Ismael
Hi,
I don’t see the Latest Winner just like in the screenshot (http://imgur.com/a/f5Xuh). The table looks fine on mobile view.
Regards,
Ismael
Hi,
Define the table padding on your custom.css or Quick CSS.
.pricing-table > li {
padding: 9px 12px;
}You can change that to
.pricing-table > li {
padding: 2px 12px;
}Regards,
Ismael
Hi,
Just add this on your custom.css or Quick CSS
body .avia-button.avia-color-theme-color:hover {
color: white;
color: rgba(0, 0, 0, 0.5);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
background-color: blue;
}Change the values.
Regards,
Ismael
Hi,
You can find all of the theme’s form style on css > base.css
/* #Forms
================================================== */
#top form {
margin-bottom: 20px; }
#top fieldset {
margin-bottom: 20px; }
#top .input-text,
#top input[type="text"],
#top input[type="input"],
#top input[type="password"],
#top input[type="email"],
#top input[type="number"],
#top input[type="url"],
#top input[type="tel"],
#top input[type="search"],
#top textarea,
#top select {
-webkit-appearance: none;
border: 1px solid #e1e1e1;
padding: 8px 6px;
outline: none;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;
background: #fff;
-webkit-font-smoothing: antialiased;
border-radius: 0px;
}
#top input[type="text"]:focus,
#top input[type="password"]:focus,
#top input[type="email"]:focus,
#top input[type="number"]:focus,
#top input[type="url"]:focus,
#top input[type="tel"]:focus,
#top input[type="search"]:focus,
#top textarea:focus {
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
color: #555;
}
#top textarea {
min-height: 60px; line-height:1.5em;}
#top label{
display: block;
font-weight: bold;
font-size: 12px; }
#top legend {
display: block;
font-weight: normal;
font-size: 15px; }
#top select {
width: 220px; }
#top input[type="checkbox"] {
display: inline; }
#top label span,
#top legend span {
font-weight: normal;
font-size: 13px;
color: #444; }
#top textarea{width:100%;}
#top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area{border:1px solid #9AA600;} /*#70A41B*/
#top #wrap_all .error .text_input, #top #wrap_all .error .text_area{border:1px solid #DF653E;}
#top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area{border:1px solid #ffb628;}I think this part of the style is the one preventing you from defining input width
#top .input-text,
#top input[type="text"],
#top input[type="input"],
#top input[type="password"],
#top input[type="email"],
#top input[type="number"],
#top input[type="url"],
#top input[type="tel"],
#top input[type="search"],
#top textarea,
#top select {
-webkit-appearance: none;
border: 1px solid #e1e1e1;
padding: 8px 6px;
outline: none;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;
background: #fff;
-webkit-font-smoothing: antialiased;
border-radius: 0px;
}The width is set to 210px.
Regards,
Ismael
Hi,
Edit header.php then find this code
$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 that and place it below this code
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');Add this on your custom.css or Quick CSS
.social_header .phone-info {
font-weight: bold;
height: 30px;
line-height: 10px;
right: 200px;
top: 40px;
position: absolute;
}
.social_header .phone-info.with_nav span {
border: none;
}Cheers,
Ismael
