-
Search Results
-
In reply to: Logo Problem IE9
Try to define the width of the image – sometimes IE has problems to display an image if no image width is defined. Insert following code into the quick css field and change the width value if necessary
#header .logo img {
width: 200px;
}In reply to: Progress Bar Color
No, right now it just supports some predefined colors. You can overwrite the default colors with some custom css code tough – use
.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);
}as a starting point and change the color values based on your requirements.
In reply to: Gallery image re-order
In reply to: thumbnail images are not displayed
In reply to: Trying to Get Image to Link to Website Page
Hey,
You can use this on your Quick CSS field.
.image-overlay.overlay-type-video {
display: none !important;
}Regards,
Ismael
In reply to: Contact form in side bar
Hey,
Create a page with the Color Section element. Disable the header, footer and socket. Inside the Color Section insert two columns. One for the image and the other for the Sidebar element. Go to Appearance > Widget then create a custom widget area. Insert the widgets that you want to show on the Maintenance Mode page. Edit the page again then edit the Sidebar element, select the custom widget that you just created.
Yes, you can work on the rest of the site while the site on “Maintenance Mode”. Just assign the Maintenance Mode page on Enfold > Theme Options > Frontpage display option for the meantime.
To learn more about the theme, please watch this videos: https://vimeo.com/channels/aviathemes
Regards,
Ismael
In reply to: Edit the contact form
sorry for my example code not beautiful
Is it possible to insert the next part in your piece of code to understand please.
I want the autoresponder messages will appear here: !!! message autoresponder here!!!
Code:<table border=”2″ cellpadding=”5″ cellspacing=”10″ bgcolor=”#FFFFD2″ bordercolor=”red” width=”200″ height=”50″ align=”center”>
<tr>
<td>Une seule cellule ;-)</td>
</tr>
</table>
<div align=”center”>[i]!!!! message autoresponder here!!!![/i]</div>
Thanks
In reply to: Edit the contact form
Hey,
Thank you for the answer, I do not really understand the code, (But it does not change anything in my email)
If I could put an html code in autoresponder :
example:
Code:<body style=”margin: 0px; background-color: #F4F3F4; font-family: Helvetica, Arial, sans-serif; font-size:12px;” text=”#444444″ bgcolor=”#F4F3F4″ link=”#21759B” alink=”#21759B” vlink=”#21759B” marginheight=”0″ topmargin=”0″ marginwidth=”0″ leftmargin=”0″>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=”#F4F3F4″>
<tbody>
<tr>
<td style=”padding: 15px;”>
<table width=”651″ cellspacing=”0″ cellpadding=”0″ align=”center” bgcolor=”#ffffff”>
<tbody>
<tr>
<td width=”649″ align=”left”>
<div style=”border: solid 1px #d9d9d9;”>
<table id=”header” style=”line-height: 1.6; font-size: 12px; font-family: Helvetica, Arial, sans-serif; border: solid 1px #FFFFFF; color: #444;” width=”96%” border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=”#ffffff”>
<tbody>
<tr>
<td style=”color: #ffffff;” colspan=”2″ valign=”bottom” height=”30″>.</td>
</tr>
<tr>
<td style=”line-height: 32px; padding-left: 30px;” valign=”baseline”>
</td>
<td align=”right” valign=”baseline” class=”Style1″ style=”padding-right: 30px;”>My description </td>
</tr>
</tbody>
</table>
<table id=”content” style=”margin-top: 15px; margin-right: 30px; margin-left: 30px; color: #444; line-height: 1.6; font-size: 12px; font-family: Arial, sans-serif;” width=”587″ border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=”#ffffff”>
<tbody>
<tr>
<td style=”border-top: solid 1px #d9d9d9;” colspan=”2″>
<div style=”padding: 15px 0;”>
<div align=”center”>!!! message autoresponder here!!!</div>
</div>
</td>
</tr>
</tbody>
</table>
<table id=”footer” style=”line-height: 1.5; font-size: 12px; font-family: Arial, sans-serif; margin-right: 30px; margin-left: 30px;” width=”587″ border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=”#ffffff”>
<tbody>
<tr style=”font-size: 11px; color: #999999;”>
<td width=”587″ colspan=”2″ style=”border-top: solid 1px #d9d9d9;”>
<div style=”padding-top: 15px; padding-bottom: 1px;”>
demo demo demo demo demo </div>
<div>
Contact: (Email address hidden if logged out) “> (Email address hidden if logged out) </div>
</td>
</tr>
<tr>
<td style=”color: #ffffff;” colspan=”2″ height=”15″>.</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</tr>
</tbody>
</table>
</body>so that the user receives the email can see images instead of plain text.
Thank you for your response and your patience :)
Hey all, never got an answer for the following. Was really hoping someone could help:
How do I remove the fade in (delay) for the First image using layerslider? I need to remove the initial fade in animation and have the image show as quickly as possible.
I appreciate the help.
In reply to: Enfold Main Product Image displays with Scroll Bar
Hello Ismael,
Thanks for the response, that fixed the issue. These are the other woocommerce plugins that could be the culprits.
WooCommerce Catalog Visibility Options 2.3.0
WooCommerce Variation Swatches and Photos 1.3.0
Secondly when I try and enlarge the single product image from default (450×999) to (600×999) the resulting product page does not update the image size. Is there a limiting size within template CSS that prevents the image size from being updated within the woocommerce image options?
Thanks,
dnikitiuk
In reply to: Broken icon images when using a subdomain – Enfold
Thanks Ismael and Devin for your help.
It’s strange this is happening only in Firefox 23.0.1 (Mac) but since it’s not happening on other browsers, I’m satisfied it’s an issue with Firefox on my system and not a bigger problem. We can considered it resolved.
Thanks again for the great theme and support.
I’ll let you know if I need any more help.
Take care,
Dave
In reply to: LayerSlider image link hover effect does not working
Hey there,
I’ve been searching the forums for quite a while now and can’t seem to find an answer to this issue.
I would like to display a gallery on a page, then when the user clicks on the image in the gallery, it launches a video in a lightbox.
It seems like this might be possible but I can’t get it to work.
Here’s a test page: http://pecanpieproductions.com/ppp/portfolio-test-page-2/
Here, there is NO image displayed in the gallery. Why?
When you click the Title, it takes you to the portfolio item where you can click the image to launch the video. I don’t want to have to go the the portfolio item page – I want to launch the video directly from the Gallery element on the original page.
When I add a “feature image” it is displayed in the gallery but doesn’t open the video – just opens a bigger version of the feature image in a lightbox.
Please help!
Thanks.
In reply to: Why are my Portfolio thumbs not showing up in grid?
http://biz141.inmotionhosting.com/~lynchb8/?portfolio=lorem-ipsum
On this page I added an image to the front end of the portfolio.
Scroll down to the portfolio gallery… the incorrect thumbnail displays.
Hello there,
Enfold is awesome, however:
How do I remove the fade in (delay) for the first image of layerslider and easy slider? I want to remove the fade in animation and have the image show as quickly as possible.
Even the background loads in after the page has been visibile: http://kriesi.at/themedemo/?theme=enfold
Topic: Contact form in side bar
I’m looking to create a coming soon page using the blank template. The image that will be used has space on the right side. Can I add a contact form and or a newsletter sign up in a right side bar? Also would the side bar be transparent or can I make it transparent? Lastly, if I make the custom coming soon page can I still work on the rest of the site in the meantime or do I have to do that elsewhere?
Help… As I build out my “Portfolio Items” I notice the thumbnail images are not displayed. They also do not display within the portfolio grid of the new website. I tried to regenerate thumbnails with a WP Regenerate Thumbnail plugin but it did not work. I cannot find a regen tool within Enfold. The thumbs from the dummy data display correctly in both the “Portfolio Item” list and on the website. However, if I reorder the images the thumbs do not updated. What am I missing?
Help… As I build out my Portfolio Items I notice the thumb images are hot there. The also do not show up on the portfolio grid within the new website. I tried to regenerate thumbnails with a WP regenerate plug in but did not work. Even the dummy dats loaded will not update the thumbnail when dummy images are reordered. I cannot find a regen took inside of Enfold. What am I missing?
Topic: Add small logo in socket
In reply to: Trying to Get Image to Link to Website Page
that worked perfectly! thanks devin
one more small question. can you disable this play button overlay on the test picture but still get it to pop up in lightbox?
In reply to: Enfold: Font & Bullet Issues in Icon List Text
Hi..What I am seeing is a circle to the left of the icon image: http://talentdev.valiantlane.com/wp-content/uploads/2013/08/bulletissue.png
I have cleared cache several times and still see it.
Thanks for your very thorough help!
In reply to: Difficulty in design
The portfolio items all need to have a featured image which will then be shown in the portfolio grid element.
In reply to: ie8 images in posts
Hi edebe,
IE8 doesn’t support max-width and min-width as far as I know but it also doesn’t support media queries so it shouldn’t be an issue to make images adapt to IE8 containers.
If you have an example from your site where there is an issue we can take a look, inspect the code and see whats going on.
Regards,
Devin
There isn’t built in support for it so it would need to be custom coded in. I’m not even really sure what the best way would be to add it in because it would need to have something like a new custom field to add in the data for each page where you wanted the image to show up.
In reply to: Gallery image re-order
Hi,
this is different problem, so I choose to open a new thread for this.
I added the button into the header, like in this thread.
https://kriesi.at/support/topic/full-screen-slider-image-chopped
But there’s two problems.
one problem with the small fixed header:
the button isn’t centered, see here:
http://awesomescreenshot.com/04e1n1if89
I’ve tried with the header with social icons. There it works, but I don’t want the social icons in my header.
the second problem is now, that the button in the footer isn’t centered anymore.
See here: http://awesomescreenshot.com/0ca1n1inc9
I’ve tried to mess around with the values, but nothing worked. Right now, the custom css looks like this:
.main_menu {
right: 100px;
}
.avia-button-right {
display: inline-block;
left: 0px;
position: relative;
float: right;
}
@media only screen and (max-width: 767px) {
.avia-button-right {
left: initial;
position: absolute;
top: 0px;
right: 0px;
}
}
Can you help me out?
Cheers
Hi guys,
I’m experiencing massive problems. Mainly I work with Firefox. Everything is fine there.
But Safari, Chrome and Opera don’t show the color-section properly.
I have multiple color-sections on my landing page. Some of them are shown, some of them not. Then again, sometimes the color-section just freezes at 1 part of the image (when image is fixed to background).
In Safari, even the font looks awfull (very low pixel-ratio) and the little search-icon in the header isn’t showed properly either.
Can you help me out there? I allready tried this custom css from another thread
.home #av_section_3 {
z-index: 0;
}
but it didn’t help.
Cheers
Hi,
my archive page is completely messed up, when I try to style it with the Avia Layout Builder:
I tried to use a COLOR SECTION with an image, and a text block with text in it, and ended up in this mess:
– the text of the color section exceeds the main container
– the image of the color section is not in its background as usual
– the archive box (latest blog posts …) exceeds the main container
– the footer is now within the main container
etc.
Yes, you can modify the layout of the related posts in wp-contentthemesenfoldincludesrelated-posts.php. Eg if you want to replace the image with the post title replace
$output .= " <a href='".get_permalink($related_post->ID)."' class='relThumWrap noLightbox'>n";
$output .= " <span class='related_image_wrap' data-avia-related-tooltip="". htmlspecialchars ( $related_post->post_title )."">";
$output .= $image;
$output .= " <span class='related-format-icon avia-font-entypo-fontello {$extra_class}'><span class='related-format-icon-inner'>".$avia_config['font_icons'][$format]."</span></span>";
$output .= " </span>";
$output .= " </a>";with
$output .= " <a href='".get_permalink($related_post->ID)."' class='relThumWrap noLightbox'>n";
$output .= $related_post->post_title;
$output .= " </a>";
Viewing 30 results - 103,411 through 103,440 (of 106,398 total)
